How to add Klaviyo app to Showcase footer

[GlassArtByLinda]

I'm using the Showcase design.
In the footer, I want to add the Klaviyo app in order to embed a form.

The app is installed correctly, and if I edit, for instance the Home page, I can add the app to a block in the body area.

But the footer area says there are no apps available.

How can I update the code to allow apps apps in the footer?

Thanks, Linda

[subtly]

If you're using the Showcase theme and have previously installed the Klaviyo app, you're correct that you can add it to blocks on regular pages; however, the footer does not allow app blocks by default, thus it says "no apps available" when you try to add it there.

To manually add the Klaviyo embed code to your theme's footer, follow these steps:

1. Copy the embed code from your Klaviyo form (it usually includes a <script> tag and a <div class="klaviyo-form-XXXXX"></div>).

2. In Shopify, go to Online Store → Themes → Edit Code.

3. Open the file named footer.liquid (or footer-group.liquid depending on your version of Showcase).

4. Paste the Klaviyo code where you want the form to appear.

[subtly]

Kindly check the image below to guide you through

[subtly]

Kindly check

[namphan]

Hi @GlassArtByLinda,

You can follow the instructions below, it will work fine.

[GlassArtByLinda]

Hi, this is exactly what I'm doing - but when I get to step 6, the Klaviyo app is not available for the footer.

So my question was "How can I update the code to allow apps apps in the footer?"

Thanks, Linda

[namphan]

Hi @GlassArtByLinda,

Please go to Actions > Edit code > Sections > footer.liquid file. You can try adding the code directly in the file.

I hope it helps!

[subtly]

Kindly check the image below