Introduction to Website Capture

Website capture allows you to serve up a pop-up capture form to new visitors on your website.  Bridg has a standard template that can be styled to match your brand and customized to ask for a variety of information.  In addition, website capture can be used with a New Customer automation workflow so that automated emails can be sent with a confirmation message and/or promotion.  

 

Elements of Website Capture

Bridg capture form

The standard Bridg capture form has three main areas: the header, the input fields, and the submit button.  

While the layout for this template should stay the same, every other design element can be changed:

  • Background colors or images
  • Fonts (common system fonts or Google Web Font)
  • Sizes for fonts, buttons, and fields
  • Input fields for capture

 

The Bridg capture form is also responsive to smaller screen sizes.

Success Message

If the form is successfully submitted, the visitor will be shown a success message such as the one below.  The colors and text in this message can be easily changed.

 

 

Duplicate Contact Message

If the submitted form catches a duplicate email address, then an appropriate message will be displayed indicating that fact.  Here, the colors and text are also easily changeable.

 

 

Input Fields

Bridg can accept multiple pieces of information through the form.  Although, the email address field is required.  Keep in mind that asking visitors to fill out more information may result in lower conversion rates.  The standard Bridg capture form asks for the visitor's email address, favorite location, and birthdate.  Other fields are available such as:

  • Name: full name, first name, last name
  • Address: street, city, zip
  • Phone number
  • Wedding anniversary date

 

Adding Website Capture to your Website

When the design of your website capture form is done, your Bridg Customer Success Manager (CSM) will give you a snippet of code that goes on any webpage you want the capture form to appear on. The code should be placed toward the bottom of the page near the end of the <body> section.  Your website developer should know what to do with it.

The snippet of code will look something like this:

<script type="text/javascript">
(function(){
var b = document.createElement("script");
b.type = "text/javascript";
b.async = true;
b.src = "http://assets.bridg.com/publisher/####/webpop.js";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(b, s);
})();
</script>

 

Getting Started with Website Capture

Using the standard Bridg capture form

If you would like to style the basic capture form, you can simply contact your CSM to get that process started.  They will need the following info to style the form:

  • Colors to use for each section (or background image to use)
  • The fonts you want to use
  • The information you want to capture
  • The text for the form header, success message, and duplicate contact message

 

Coding your own capture form

You can also create your own capture form from scratch.  When you have finished coding the form, you can send the HTML file to your CSM so they can load it into the Bridg app.  From there, you can conduct testing to make sure the form works properly.  Details on how to create your own form can be found here.

Have more questions? Submit a request

Comments