Country select on a form

Last updated: October 21, 2021 Written by: Avatar Teresa
share
Table of contents
share
Table of contents

You can add a country select option to your form. You'll need to add a JavaScript snippet and your visitors will be able to select their country from a list.

Add a field in the form settings

1. Go to the settings of your form widget either from the context menu or toolbar.

2. Add a new Select field to your form.

3. Enter Label name (1), click Additional options (2), and type "country" in name attribute

4. Save changes.

Install the JavaScript snippet

1. Copy the following code.

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-formhelpers/2.3.0/js/bootstrap-formhelpers.min.js"></script>
<script type="text/javascript">
  $(function() { 
    $('select[name="country"]').bfhcountries({country: 'US'}); 
  }); 
</script>

2. Navigate to the Dashboard of your landing page and o to the JavaScript Code section to add a new script.

You can also access the JavaScript Code section directly from the editor of your landing page.

3. Type in a name (1), paste your code (2), select Body bottom (3), and Main page (4). Click Add. 

4. Publish your landing page. Check whether the form displays correctly.

share

Was this manual helpful?