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

Please follow our below instruction to publish your form on your front store

Displaying form on a specific page

  1. From the admin app, click the Form tab
  2. Select a particular form that you want to display
  3. Edit the form as your desire by adding elements
  4. Save the form to update the change
  5. Copy the shortcode of the form
  6. From the Shopify admin page, click Themes.
  7. Click Pages.
  8. Access to the page that you want to publish the form.
  9. Paste the shortcode in the page description.
  10. Save the page to apply the change.

 

Question: Why does the form not appear on the page?

You should integrate the app into your theme in order to see the changes. Here is the guideline for the integration step: https://globosoftware.net/kb/theme-integration-6/#ch_1.

If the form still could not appear on the storefront page, please leave us an email at hi@globosoftware.net so that we could provide further assistance.

Question: How to hide the form shortcode when loading the page?

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}

Please refer to this video to visualize clearly:

 

Displaying form on a specific product

  1. From the Shopify admin page, click on ” Products
  2. Select a product page that you want to show the form on
  3. Add the shortcode of form to the product description
  4. Save the form to update the change


Please refer to this video to visualize clearly:

Displaying form to a specific position

  1. From the Shopify admin page, click “ Online stores
  2. Click” Themes
  3. Click “ Actions” in the current theme
  4. Select “ Edit code
  5. Add the shortcode of form in any position that you want to show up this form in the product-template.liquid file
  6. Click ” Save” to apply the change

Please refer to the below video to visualize clearly:

 

Displaying form on home page.

  1. From the Shopify admin page, click ” Online stores
  2. Click ” Themes
  3. Click ” Customize” in the current theme
  4. Click ” Add section
  5. Add the form in “ Powerful contact form builder
  6. Choose the form that you want to display in the settings of this section
  7. Click ” Save” to update the change

 

 

 

Please refer to the below video to view more:

 

If you do encounter any difficulty while proceeding with these steps, don’t show any hesitation to contact us promptly via the email address

hi@globosoftware.net 

We are always willing to help with all sincerity

Was this article helpful?
Dislike 40
Views: 25184