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 a specific page

You are here:
Estimated reading time: 1 min

Enable app embeds on your theme

To show the form on a page, firstly please make sure that the app embeds is enabled on your theme.

Learn more about App embeds here.

1. From the admin app, click Theme Setup 

2. Select a theme to install the app and then click below button

3. Enable app embed of Globo Form Builder here:

4. Click Save to update the changes.

Now in the app, it shows that you enable the app embeds successfully.

Please view the video below for more details

Now please move to next steps below.

Add form code to the page content

Approach 1

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.Copy the shortcode of the form above the preview form.

Or go to Publish tab > select other publication types: Embed code or Lightbox > copy the code on your page:

4. Go to the Shopify admin page, click Themes > Pages, access to the page that you want to publish the form.

5. Click to show the page HTML content and paste the form code in the page description.

Click to show the page HTML content

and paste the form code in the page content

 

6. Save the page to apply the change.

 

View this video for more detail:

Approach 2

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 the Publish tab > Select publication type you want to show the form:

There are 3 types here:

  • Embed code
  • Short code
  • Lightbox

4. Tick to Add short code to page checkbox.

5. Select page and select position on page to show the form.

6. Click Save.

View this video for more detail:

 

 

 

 

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 13
Views: 2110