Integrate BlogBott with Your Shopify Store

Go To Online Store → Pages → Add Page

Create a new page called Blog ( if you name it something else we will use this name later )

Add a Custom HTML block

In the editor, add a Custom HTML block, or if you see a content editor click the code icon to add a code block

Paste the BlogBott snippet

Drop the two-line code below into the code field and press Save.

<div id="blogbott.com_app"></div>
<script src="https://blogbott.com/aiblog.js"></script>

Save, Then go to your live page to verify it's working

Open your theme code

Go to Online Store → Themes, click the ⋯ button on your live theme and choose Edit code.

Open theme.liquid

In the file search bar, type theme.liquid and click the result. If you cannot find theme.liquid it may be in another file. contact me if you cant find the file where the

<link rel="canonical" href="{{ canonical_url }}">

Replace the canonical tag

Find the line that looks like this:

<link rel="canonical" href="{{ canonical_url }}">

…and replace it with:

{%- if page.title contains 'blog' -%}
  <!-- do nothing-->
{%- else -%}
  <link rel="canonical" href="{{ canonical_url }}">
{%- endif -%}

This skips the canonical tag on pages whose title contains "blog". If you named your page something else, change the word blog in the snippet accordingly.

Save the file and you are done!

Save Everything & start publishing 🎉

Head to your BlogBott dashboard and generate your first AI-powered article—your new blog is live!