About
Globo is the company specializing in website design and development in Vietnam.
45C, 210 Hoang Quoc Viet Street, HN
globosoftware
contact@globosoftware.net
Follow Us

Display a form on Shopify front store

You are here:
Estimated reading time: 1 min

At first, you need to copy the form shortcode:

In case you don’t want the shortcode to be displayed while loading a form, please use this code snippet instead <div class="globo-formbuilder" data-id=324 ></div>

Note: 324 is form id from your shortcode above {formbuilder:324}

Displaying form on a specific page

Go to “Themes > Pages” > Access the page you want to add this form > Paste the shortcode in the page description:

This video will show detail the way to do it.

Displaying form on a specific product

Go to “Products” folder > Access the product you want to add this form > Paste the shortcode in the product description:


This video will show detail the way to do it.

Displaying form to a specific position.

Go to Themes > Edit Code.


In the product-template.liquid file, paste the shortcode in any position that you want to show up this form.
In my example below, I put the form above the product description section.

Click “Save”, then you’re done.
This video will show detail the way to do it.

Displaying form on home page.

On homepage, it is easy to show a form. Please read the guide below

Firstly, Go to Themes > Customize

Secondly, Add sectionPOWERFUL CONTACT FORM BUILDER > Form > Add

In Settings of this section, you can choose the form that you want to display.

Save changes to show the form on the home page.

This video will show detail the way to do it.

 

 

 

 

Feel free to contact us via our live chat or email address: contact@globosoftware.net if you have any problems when adding your form.

Was this article helpful?
Dislike 0
Views: 6548