In this article, you’ll learn about the Form Builder element and how to use it. In order to use this element, the Form Builder app has to be installed on your Shopify store.
Install Form Builder
Install PageFly
About Form Builder – Contact Form by Globo
You can use Form Builder to build your Shopify contact form or custom form and embed the form anywhere. It is easy to display contact form on cms page, product page, collection page, cart page, home page.
Note that this element only works on the live view and you have to turn on this app on your Shopify store theme:
Step 1: Access your Store and open Theme
Step 2: Then move to customize > on the Theme settings click on App embeds and turn the Globo form builder on.
Create form by Form Builder
Step 1: Access Form builder app in your Store’s app manager.
Step 2: On the menu bar, click Form then choose the form from template you want or build your own form.
Step 3: When saving this form, a short code will appear > copy this code to use on the PageFly’s page editor.
Access Form Builder Element
Step 1: Go to Add third party elements in the left toolbar > Click on the Edit your 3rd party elements button.
Step 2: In Integrations popup page, you can search “Form builder” on the search bar.
Step 3: Click Form builder element in the dropdown menu. Then drag and drop it to the editor page.
Step 4: Paste the code which you had copied into the Globo Form Embed code on General tab.
After publishing, you can check the form in the live view:
Styling Configuration
You can customize the styling of the Globo contact form element in the Styling tab.
You can check more information about the Styling tab here.
