Klaviyo subscribe form showing twice on page

The Klaviyo form is showing twice on our page even if I only placed the embed code once on one part of the page.

 

1.png2.png

 

What's wrong with our page?

0 Likes
Shopify Expert
328 10 46

I inspected the code and have a couple ideas:

 

These forms are loaded within 2 different Shopify sections:

form 1.jpgform 2.jpg

 

I'm thinking your page template is inserting a section from Customize Theme that has the email form.

 

I would take a look at the page template for that page, and read the code to see what sections are contributing (maybe you're embedding the form in the page description in Shopify admin, then also the page template is inserting it from the Customize Theme section).

 

Founder of Speed Boostr - we make Shopify sites faster.
Analyze your site at analyze.speedboostr.com.
I also build custom apps, systems, and automated solutions.
Enjoy the adventure!
0 Likes

Okay, we're using the Pipeline theme. The embed is on the index-page.liquid. I'm not quite sure what section this is. Could you help me with that?4.png

0 Likes

I just noticed that the two forms are totally different in terms of spacing. What's wrong with this form?

0 Likes
Highlighted
Shopify Expert
328 10 46

Ya I can help. This is a unique situation so I'm not sure from the outside looking in though, I'd have to dive into the theme to see what's going on. If you want me to fix those just shoot me an email - joe@speedboostr.com

Founder of Speed Boostr - we make Shopify sites faster.
Analyze your site at analyze.speedboostr.com.
I also build custom apps, systems, and automated solutions.
Enjoy the adventure!
0 Likes

I just need a little help on what to do with this:

<!-- /sections/index-pageliquid -->

<div class="homepage-page {{ section.settings.homepage_page_color }}" data-section-id="{{ section.id }}" data-section-type="index-page">
  <!-- form -->
  <div id="shopify-section-1538847772051" class="shopify-section adjust--white">
  <div class="klaviyo-form-LLvHeC"></div> 
  </div>
  
  
  {% for block in section.blocks %}
    <div class="wrapper">
     
      <div class="grid">
        
        {% case block.type %}
          {% when 'page' %}
            {% if block.settings.home_page_content != blank %}
              {% assign page = pages[block.settings.home_page_content] %}
              {% assign page_src=page.content | escape %}
              {% if page_src contains '&lt;img' %}
                {% assign homepage_page_grid = 'one-whole' %}
              {% else %}
                {% assign homepage_page_grid = 'large--five-sixths push--large--one-twelfth' %}
              {% endif %}
              <div class="grid__item {{ homepage_page_grid }}">
                {% if block.settings.home_page_show_title %}
                  <h4 class="home__subtitle">{{ page.title }}</h4>
                {% endif %}
                <div class="rte homepage-page__content">
                  {% unless page == blank or page.empty? %}
                    {{ page.content }}
                  {% else %}
                    {{ 'home_page.onboarding.no_content' | t }}
                  {% endunless %}
                </div>
              </div>
            {% endif %}
          {% when 'text' %}
            <div class="grid__item large--five-sixths push--large--one-twelfth">
              <div class="rte homepage-page__content">
                {% if block.settings.home_page_richtext != blank %}
                  {{ block.settings.home_page_richtext }}
                {% else %}
                  {{ 'home_page.onboarding.no_content' | t }}
                {% endif %}
              </div>
            </div>
          {% else %}
        {% endcase %}
      </div>
    </div>
  {% endfor %}
  {% if section.blocks.size == 0 %} 
    <div class="wrapper">
      <div class="grid">
        <div class="grid__item">
          <div class="rte homepage-page__content">
            {{ 'home_page.onboarding.no_content' | t }}
          </div>
        </div>
      </div>
    </div>
  {% endif %}
</div>

{% schema %}
{
  "name": "Rich text",
  "max_blocks": 9,
  "settings": [
    {
      "type": "select",
      "id": "homepage_page_color",
      "label": "Background color",
      "default": "homepage--white",
      "options": [
        { "value": "homepage--white", "label": "White"},
        { "value": "homepage--light", "label": "Light"},
        { "value": "homepage--splash", "label": "Accent"},
        { "value": "homepage--dark", "label": "Dark"}
      ]
    }
  ],
  "blocks" : [
    {
      "type": "text",
      "name": "Rich text",
      "settings": [
        {
          "id": "home_page_richtext",
          "type": "richtext",
          "label": "Text",
          "default": "<p>Use this text to share information about your brand with your customers. Describe a product, share announcements, or welcome customers to your store.</p>"
        }
      ]
    },
    {
      "type": "page",
      "name": "Page",
      "settings": [
        {
          "id": "home_page_content",
          "type": "page",
          "label": "Page"
        },
        {
          "type": "checkbox",
          "id": "home_page_show_title",
          "label": "Show page title",
          "default": true
        }
      ]
    }
  ],
  "presets": [{
    "name": "Rich text",
    "category": "Text",
    "blocks": [
      {
        "type": "text"
      }
    ]
  }]
}
{% endschema %}

What would you do?

0 Likes
Shopify Partner
27 1 0