Newsletter Subscription Form

Shopify Apps
,

Topic summary

A user is trying to embed a Shopify Forms newsletter subscription form into their external (non-Shopify) website, where they currently only use Shopify’s Buy Button feature.

The Problem:

  • Shopify Forms doesn’t provide a straightforward embed option like the Buy Button
  • The user needs HTML code or an iframe to integrate the form on their external site

Proposed Solution:
One responder suggested using Shopify’s Custom HTML section by:

  • Copying the form’s HTML code from Shopify Forms
  • Pasting it into a Custom HTML block within Shopify pages

Current Status:
The suggested solution doesn’t address the core issue—the user clarified they need to embed the form on their external website, not within Shopify’s online store. The discussion remains unresolved, as no method has been provided to extract embeddable code for use outside Shopify’s platform.

Summarized with AI on November 3. AI used: claude-sonnet-4-5-20250929.
1

I am using shopify only with the buy button embedded in my web site and I would like to add a form to collect contacts. I managed to create it through Shopify Forms but I can’t find a way to embed the form in my website.

Is it possible in any way?

2

Hi @francesca_bert

Yes, it’s definitely possible to embed a Shopify form on your website, but it might not be as straightforward as using Shopify’s built-in Buy Button. Shopify Forms, unfortunately, doesn’t provide an easy way to directly embed the form like a widget or iframe. However, there are a few ways to get around this and integrate forms for collecting contacts into your website:

Use Shopify’s “Custom HTML” Section

If you’re using Shopify with the Buy Button, you likely have access to the “Custom HTML” section in your store’s theme or website page.

Shopify Forms usually provides you with a form’s HTML code. You can copy this code and embed it directly into your website through the Custom HTML block.

Here’s how you can do it:

  1. Go to Online Store > Pages in your Shopify admin.
  2. Select the page where you want the form to appear or create a new page.
  3. In the page editor, click on the Add section button, and select Custom HTML.
  4. Paste the form’s HTML code from Shopify Forms into the Custom HTML editor.
  5. Save the page, and the form should now appear embedded on your website.

If my reply is helpful, kindly click like and mark it as an accepted solution.

If you are happy with my help, you can help me buy a COFFEE

Thanks!

3

hello thank you very much for the answer but I think it is not exactly what I am looking for.

Because following the instructions you gave me I would paste the Custom HTML in the online shop of shopify while I would like to paste it in my site that is not on shopify. I can not find any option that allows me to embed or copy the html code of this form on my site.