Installations

Beagle Blocks works on virtually any website platform. Here's how to install your blocks on popular platforms. Begin by navigating to your dashboard and choosing the desired block for embedding. Then, click the Embed button to capture the code. Copy the embed code displayed on the screen.

Embedding on Shopify

Shopify allows you to embed your block in multiple areas across your Shopify store. Learn how to embed your block in:

• Home Page
• Blog Posts
• Pages

1. Embed on Home Page

Login on your Shopify website and go to Online Store and select Themes in the left sidebar. Login as admin and go to Online Store → Themes → Customize. Select Header/Template/Footer where you want to display your block. Paste the copied code and save the changes made. Then reload the webpage to see the live block on the default page of your Shopify website.

2. Embed on Blog Posts

Navigate to Online Store → Blog posts menu in the sidebar. On the top-right of the page, select Add Blog Post. Then on the text editor, select Show HTML (<>) option. Paste the copied embed code and click Save.

3. Embed on Pages

Navigate to Online Store → Pages menu in the sidebar. On the top-right of the page, select Add Page. Then on the text editor, select Show HTML (<>) option and paste the copied embed code and click Save.

That's it! This is how you can seamlessly embed our blocks into your Shopify site.

WordPress

Add blocks anywhere on your WordPress site using a Custom HTML block in the Gutenberg editor, or by pasting code directly into your theme files.

Squarespace

Use a Code Block in any Squarespace section and paste your embed code. Works in page sections, footers, and announcement bars.

Webflow

Add an Embed element to your Webflow page and paste the Beagle Blocks code.

Duda

Use the HTML widget in the Duda editor and paste your embed code.

Any Other Website

Beagle Blocks works with any HTML-based website. Simply paste the embed code wherever you want the block to appear.