Website Building » Shopify » How Do I Add a Newsletter to Footer in Shopify?

How Do I Add a Newsletter to Footer in Shopify?

Last updated on January 13, 2023 @ 6:22 am

Adding a newsletter sign-up form to your Shopify store’s footer is a great way to encourage visitors to sign up for your email list. It’s a simple task that can be accomplished in just a few steps:

    1. From your Shopify admin, go to Online Store > Themes.

    2. Find the theme you want to edit, and then click Actions > Edit code.

    3. In the Layout section of the code editor, click on Footer.liquid.

    4. Locate the footer code where you want to add the sign-up form.

    It’s typically near the bottom of the file. If you’re not sure where to place it, we recommend adding it before the closing </body> tag.

    5. Copy and paste the following code snippet into your Footer.liquid file:

    <code><script type="text/javascript" src="https://app.convertkit.com/assets/CKJS4.js?v=21"></script><div class="ck_form_container ck_naked" id="ck_form_container">

    <div class="ck_form"><div class="ck_heading"><h3 id="ck_heading">Subscribe to our newsletter</h3></div>

    <div class="ck_control_group ck_email_field"><label class="ck_label" for="ck_emailField">Email Address</label><input type="email" name="email" class="ck_control" id="ck_emailField" placeholder="Email Address" required></div>

    <div class="ckactions"><input type="submit" value="Subscribe" id="ck_subscribeButton" class="button button--primary"></div></form></div></div></code>
    PRO TIP: If you are not comfortable working with HTML and Liquid, we recommend that you do not attempt to add a newsletter to your footer in Shopify. There are many potential risks involved in editing your code, including breaking your site or unintentionally introducing security vulnerabilities.

    (If you're using a different email marketing service, you'll need to use a different code snippet.)

    6. Save your changes.

Kathy McFarland

Kathy McFarland

Devops woman in trade, tech explorer and problem navigator.