How can I successfully embed a sign up form in Shopify?

Shopify Discussion

Topic summary

Main issue: embedding a sign-up/contact form on Shopify pages is not displaying for several users, even when following standard steps.

Suggested method (partially successful for at least one user):

  • Create a page (Online Store > Pages), open the HTML editor (<>), paste the form provider’s embed code, add a title, save, and add the page to Navigation.

Reported problems:

  • Embed code (including Klaviyo) doesn’t render on pages, including Contact Us.
  • Pasting code into Liquid files also failed for some.
  • One user got the form working but needs help improving design/styling.

Workaround proposed:

  • Use a Form Builder app (no-code) to create and customize the form.
  • Copy the installation code and embed:
    • Globally in theme.liquid (site-wide), or
    • On a specific page via the HTML editor or a custom section.

Key terms:

  • Liquid: Shopify’s templating language.
  • theme.liquid: the main layout file for the theme.
  • HTML editor: the code view accessed via <>.

Status: No definitive fix identified; ongoing issues with embed code not displaying and unanswered questions on styling.

Summarized with AI on December 10. AI used: gpt-5.
1

Hello

I am having trouble embedding my sign up form in shopify. My ideal is to add a page and embed in the page but it is not working.

2

Hi @Arroyo47 , welcome to the Shopify forum!

Here’s how to do it:

  1. Go to Online Store > Pages and make a new page.

2.In that page click the <> button to go to the HTML editor and just paste the code your form software is giving you.
3. Add a title and save that page.

  1. Don’t forget to add that page to the Navigation so it shows in your site.

Let me know if it works! if not, Is this the process you are following? what is not working?

Happy sales,
Lanzi
PD: if this answer helps you please accept it

1 Like
3

HI. I am experiencing the same issue with my Shopify site. I cannot seem to get the embedded contact form code to display on the pages properly. Namely the Contact Us page. I have followed the exact steps you mentioned in your post to no avail. I also tried pasting the code into liquid files directly and that did not work either. Please advise. -Jeff

https://trentscoffeeco.com

4

Same issue here! Does not show the embed code of Klaviyo.

5

I’m doing exactly what your instructions say, and it does not display the Shopify Form that I created. Looks as though others are saying this isn’t working. This should not be this hard.

6

Thanks, it worked for me. The issue I am facing now is the poor design. I don’t know how to edit code to make my sign up form look decent!

7

Hey,

The easiest idea is to use an app (from Shopify App Store, for example). Without giving a particular recommendation, I will describe the pattern to follow with a typical Form builder app.

Create and Customize Your Form

Use the Form Builder editor (they are usually no-code builders) to design your sign up form. You can adjust layout, colors, and fields as needed for most of such apps.

Get the Installation Code

In your form provider’s dashboard, after saving your edits, copy the installation code provided for your widget.

Add the Code to Shopify

For all pages: Paste the code into your Shopify theme’s code (for example, in the theme.liquid file or a global section).

For a specific page: Add the code to the desired page using Shopify’s HTML editor or a custom section.

Cheers,

Elfsight Team