All Collections
Forms
Landing pages
Best practices: landing pages
How do I place a subscription field on my webshop?
How do I place a subscription field on my webshop?

This article tells you how to place a subscription field, which allows customers to subscribe to the newsletter, directly on your webshop.

Francine avatar
Written by Francine
Updated over a week ago

A good way to attract new newsletter subscribers is via a subscription field in the footer of your web shop. With Reloadify you can create such a subscription field, which you then place as HTML code (an iframe) in your webshop.

  • Step 1: Create a landing page with a registration form in Reloadify.

  • Step 2: Activate the landing page

  • Step 3: Place the landing page via an iframe on your web shop

Step 1: Create a landing page with a login form

Start with a landing page in Reloadify. Navigate to Landing Pages via Forms. Choose New Landing Page. Fill in all settings for the page. Then click next.

Note that under Form settings, check the Subscribe automatic profiles to newsletters setting.

Next, design the landing page exactly how you want it to display in the footer. In my example, I only want to ask for the customer's email address. Therefore, my entire page consists of one row containing the form:

Step 2: Activate the landing page

To display the subscription field on your webshop, you need to activate the landing page in Reloadify. In the landing page editor, click next, and activate the page.

Note: do you not activate the landing page? Then it will show a 404 in your frame on the web shop.

Step 3: Place the landing page on your webshop via an iframe

To place the registration field on your webshop, you need a piece of HTML code. Add this code to your webshop.

Note: how to add HTML code to your webshop differs per platform. For this we refer you to the helpdesk of your shop platform.

The necessary HTML code looks like this:

<iframe src="<https://url.landingpage.nl>" title="Subscribe form newsletter"></iframe>

In the source code, the src, paste the full URL of the landing page. You can find this in the landing page settings.

Note: Always add https:// to the URL. For example: https://e.reloadify.com/subscribe.

My iframe code now looks like this:

<iframe src="<https://e.reloadify.com/subscribe>" title="Newsletter subscription form"></iframe>

I place the code in the right place in my website's code. The form is now on the site and ready to collect newsletter subscribers.

Tip: test the frame first in a test environment of your webshop. For the experts: it is possible to style the frame to your liking with CSS code.

Did this answer your question?