Create a popup contact form from a button in the bebuilder

ZKoerber · January 2023

How do I create a popup contact form from a button in the bebuilder?

This is the contact form I would want to have popup when a button is clicked on the page:

Phil · January 2023

Hi,

The easiest way will be to put the contact form shortcode inside the Popup shortcode.

It should look like this:

Best regards

ZKoerber · January 2023

Screenshot 2023-01-27 at 12.38.03 PM.png

ZKoerber · January 2023

Can I make it pop up with any of these?

ZKoerber · January 2023

I was able to get this working. How can I update the button to use the color #0084ED for the background of the button, and use arial bold font. Is there also a way to adjust the button size?

Phil · January 2023

Buttons take their styles from Betheme -> Theme options -> Global -> Buttons, and you can modify it there.

Best regards

ZKoerber · January 2023

Would this change the buttons across the whole site or just for popup?

ZKoerber · January 2023

I only want to change this popup button color.

Phil · January 2023

This would require writing a custom CSS.

I can help you with that, but I need a website link.

Best regards

ZKoerber · January 2023

Here is the link: https://rapidcashhomebuyer.com/free-report/

Phil · February 2023

Please, use the following CSS code:

.column_attr .popup-link{
   background-color: #213700!important;
   color: #8f8!important;
}

Put it in the Custom CSS field located in the Page Options.

Best regards

brodbdie · February 2023

I ve a simular problem, bu must embed a script for the popup

i ve insert it like below but there starts only a smal empty window

Phil · February 2023

Hi @brodbdie,

Please, try to put this in Betheme -> Theme options -> SEO.

Thanks

brodbdie · February 2023

ok this give as result a floating button and not what i looking for.

The Popup should be appear on click a button placed as Element or embeded in text

Phil · February 2023

Did you try putting this in the Column Text element?

If not, please, do that. You need to have the Code option enabled in the Builder settings when you do it.

Best regards

brodbdie · February 2023

Ok as i see i must build the button by my own and cant use Shortcode Button or Button Element. The code cant include to this.

<a href="" onclick="Calendly.initPopupWidget({url: 'https://calendly.com/billewitz-steuern-recht/bewerbung?primary_color=ffa600'});return false;">Klick hier für Deine Zukunft in einer innovativen Steuerberatungskanzlei!</a>

Phil · February 2023

So you handled it?

Best regards

Create a popup contact form from a button in the bebuilder

Comments