WordPress Guide

WordPress makes it easy to add custom HTML embeds to your website. Follow this guide to integrate Supascribe and start growing your newsletter audience.

Step-by-Step Guide

1. Get your embed code

First, you'll need to create and publish an embed in your Supascribe dashboard:

1. Log into your Supascribe dashboard at supascribe.com
2. Click "Create Embed" to start building your email capture form
3. Customize your embed with your style, colors, and messaging
4. Click "Publish Embed" to generate your unique embed code

After publishing, you'll see your embed code that looks like this:

<!-- Subscribe embed code -->
<div data-supascribe-embed-id="example" data-supascribe-subscribe></div>

<!-- Supascribe Script (Only add this to your site once) -->
<script src="https://js.supascribe.com/v1/loader/example.js" async>< script>

2. Copy your embed code

Copy the embed code that was generated when you published your embed:

We recommend adding the Supascribe Script immediately before your site's closing </body> tag or in your footer. This only needs to be added once to your site. If the script tag is already present, you do not need to add it again.

3. Add the embed to your WordPress site

Option A: Using a Custom HTML Block (Recommended)

1. Log into your WordPress admin dashboard
2. Edit the page or post where you want to add the embed
3. Add a new block and search for "Custom HTML"
4. Paste your embed code into the Custom HTML block
5. Update or publish the page to make the changes live

Option B: Using a Code Snippets Plugin

1. Install a code snippets plugin like "Code Snippets" or "Insert Headers and Footers"
2. Add the script tag to your site's footer or before the closing </body> tag (only once)
3. Use the embed div in any Custom HTML block where you want the form to appear

Option C: Using Theme Customizer

1. Go to Appearance > Customize in your WordPress admin
2. Navigate to Additional CSS or Footer Scripts
3. Add the script tag to the footer scripts section or before the closing </body> tag
4. Use the embed div in your content areas

Troubleshooting

Embed not showing up?

• Make sure you've added the script tag before the closing </body> tag
• Check that your embed ID is correct
• Try refreshing the page and clearing your browser cache
• Ensure your theme allows custom HTML blocks

Styling issues?

• The embed is fully customizable within your Supascribe Embed Dashboard
• Some themes may override embed styles - check your theme's CSS

Plugin conflicts?

• Disable other plugins temporarily to identify conflicts
• Try adding the script in a different location (header vs footer)

Need Help?

If you're stuck or need help implementing Supascribe on your WordPress site, feel free to reach out using our live chat or contact me directly.

[email protected]

0xGideon

Explore More Features