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 Homepage

Estimated reading time: 1 min

Display a form to the Homepage on your store (using app block)

Steps to manage

To show the form on the Homepage, firstly please make sure that the app embed is enabled on your theme. Click this guide for more detail.

After that, please follow our below instructions to publish your form on the homepage:

In the G:Form Builder – Contact Form app: 

1.From the admin app, click the Forms, select a form that you want to display

2. Edit and save the form as your desire by adding elements

3. Go to Publish tab > select other publication types: Embed code or Lightbox > copy the code on your page:

In the Theme editor 

1. From the Shopify admin page, click Online store > Click Themes > Customize > select the Hompage template

2. On the left side, click Add section > select Globo From Builder app

3. Paste the form code (embeded code) to the content of app block

4. You can drag and drop to change the position of the app block (the form) on the Homepage 

 

5. Click Save to update the changes

6. Go to front store to check the form on Homepage

Tutorial video

Display a form to the Homepage on your store (using embedded code)

Steps to manage

To show the form on the Homepage, firstly please make sure that the app embed is enabled on your theme. Click this guide for more detail.

After that, please follow our below instructions to publish your form on the homepage:

In the G:Form Builder – Contact Form app: 

1.From the admin app, click the Forms, select a form that you want to display

2. Edit and save the form as your desire by adding elements

3. Go to Publish tab > select other publication types: Embed code or Lightbox > copy the code on your page:

In the Theme editor 

1. From the Shopify admin page, click Online store > Click Themes > Customize > select the Hompage template

2. On the left side, click Add section > Custom liquid  

3. Paste the form code (embeded code) to the content of Custom liquid

4. You can drag-and-drop to change the position of the section (or the form) on Homepage

5. Click “ Save” to apply the change

6. Now go to the front store to check the form.

 

Video tutorial

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

We are always willing to help with all sincerity!

Was this article helpful?
Dislike 0
Views: 470