The BDOW! designer has a lot of built-in flexibility, but we also have ways to enhance it. With FormSync, you can link your campaign form directly to a form hosted by your email service provider. Another option is the Custom Code goal, which allows you to create the entirety of your form from scratch but let BDOW! control its display.
While these tools are great, sometimes they introduce design trade-offs. Maybe you want to include custom components, but still need to utilize the BDOW! designer for some fields. Perhaps you need a custom button or text instead of an input field? This is the niche for the Custom HTML field. The flexibility of your own components in the campaign form, but you can mix them with native BDOW! fields, too.
Adding customized HTML
Including custom HTML is super simple because it works like any other BDOW! field. You just utilize the Add New field in the design tool and select Custom HTML.
Let's setup a BDOW! form that provides a link to a third-party booking service. In our example, the booking service provides HTML for the button that we want to drop in. We would also like to include a Countdown Timer for a little more of a push.
Log into your BDOW! Site Manager and edit your campaign form. We'll start with a Countdown included (refer to the help article if you'd like to learn more).
Select Add New > Custom HTML.
The default component in the designer is a simple button. Note you can drag it around and position it just like another other field. We'll place it in the center of the popup:
To actually apply your custom HTML, refer to the left-side panel. Drop your HTML into the HTML Content text area. You should see the preview update immediately.
Just like any other time you make changes to a campaign form, don't forget to save and publish!
That's pretty much it. Simple. Now you can combine custom elements with BDOW! fields to create the perfect campaign form!