All Collections
Automate
ConvertKit Integrations
Displaying ConvertKit forms and other content on your WordPress website
Displaying ConvertKit forms and other content on your WordPress website

How to enrich your WordPress website with your ConvertKit forms, products, broadcasts, and more.

Updated over a week ago

Bring your ConvertKit forms, products, and more to WordPress

Once you've installed the ConvertKit plugin on your WordPress website, you're ready to start displaying your ConvertKit forms, products, and other content on it!

Check out the respective sections below to learn how:

Set up a default email form for your posts, pages, and WooCommerce product pages

When installing the ConvertKit plugin on your website, you'll have set up the default email form for your WordPress posts and pages.

Change your default form anytime using the Default Form (Pages) and Default Form (Posts) settings on the General Settings page of the ConvertKit plugin settings.

You can find these settings by clicking Settings on your WordPress sidebar, followed by ConvertKit.

You can also use the Default Form (Products) setting to set up a default form for your WooCommerce product pages.

Set up a default email form for certain post categories

NOTE: Your WordPress theme must support post categories for the settings described below to appear.

Go to Posts on your WordPress sidebar, followed by Categories, to manage your post categories.

When adding a new post category or editing an existing one, use the ConvertKit Form setting to set up your default email form for that category.

The email form you select here will override the default form you've chosen for posts in your ConvertKit plugin settings.

If you've added a post to multiple categories and set up a default form for each category, your post will display the default form for the most recently created category.

Your posts will display only one default form at a time.

Override the default email form for certain posts, pages, or WooCommerce product pages

If you don't want to display your default email form on a certain post, page, or WooCommerce product page, navigate to the editor for the post, page, or product page in question.

Scroll to the bottom of the editor and you'll find a ConvertKit plugin Form setting for changing the form displayed on this post, page, or product page.

The default Form setting is "Default," which will display the default form you've set up in your ConvertKit plugin settings.

Change the setting to "None" if you don't want to display a form on this post, page, or product page. You can also change the form displayed to any other form of your choice.

Embed your ConvertKit forms

NOTE: This feature works best for inline ConvertKit forms.

To display an email form at a specific part of a post, page, or WooCommerce product page, navigate to the editor for the post, page, or WooCommerce product page in question.

At the spot in your content where the form should appear, type "/" or click the + icon to add a new block. Search for the "ConvertKit Form" block and insert it.

Use the ConvertKit Form block settings in the right sidebar to select the form that should be displayed.

You can also embed ConvertKit forms into your WordPress website by copying their embed code from the form builder and pasting the code into your post, page, or WooCommerce product page.

Trigger a ConvertKit form when a visitor clicks a website button

If you have a modal, sticky bar, or slide in ConvertKit form, you can create a button that causes the form to appear when clicked.

Just add a new "ConvertKit Form Trigger" block to your content:

Use the ConvertKit Form Trigger's general settings in the right sidebar to select the form that should appear when the button is clicked. You can also customize your button text.

Switch to the styles settings tab to customize your button's colors and text font size.

Embed your ConvertKit landing pages into your website

If you've created a landing page in ConvertKit, you can have it take over an existing WordPress page (and hence the page's URL).

Launch the editor for the page in question and scroll down to your ConvertKit plugin settings. Use the Landing Page setting to select the landing page that should appear in place of the page.

Embed your ConvertKit products

Our "ConvertKit Product" block will add a button to your WordPress website that displays your ConvertKit Commerce product when clicked.

Add the "ConvertKit Product" block by selecting it in the editor's block dropdown menu.

On the right sidebar, you can set up the product to be associated with the button and customize your button text.

Click the styles settings tab to customize your button's colors and text font size.

Alternatively, you can embed a ConvertKit Commerce product into your WordPress website by copying its embed code from the product builder and pasting the code into an HTML block in your post or page.

Embed your ConvertKit broadcasts

You can embed a public feed of your broadcasts into your WordPress website!

This is similar to displaying your newsletter feed on your Creator Profile or your ConvertKit landing pages, only that your broadcast feed will live on your website. It will also take on the look of your WordPress theme.

Clicking the broadcasts' titles will lead to their respective public posts on ConvertKit.

To embed your broadcasts into your WordPress website, select the "ConvertKit Broadcasts" block from the editor:

Use the general settings in the right sidebar to customize settings such as your broadcasts' date format and the number of broadcasts to be displayed at once.

After that, switch to the styles settings tab to customize your broadcast feed's background and text colors.

Add ConvertKit content as WordPress widgets

When you go to Appearance from your WordPress sidebar, followed by Widgets, you can add all the ConvertKit content blocks we've discussed above as widgets to various areas of your WordPress website!

Just expand the relevant Widget Area and add your desired ConvertKit content block to it.

Depending on the content block you've added, you may also get extra settings in the right sidebar for customizing it.

Customize your website content based on your subscribers' tags

Apart from adding ConvertKit forms, products, and the like to your WordPress website, you can also change your website's content based on the tags your subscribers have when they visit it. ๐Ÿคฏ

If you're facing difficulties with the ConvertKit forms or landing pages you've added to your WordPress website, our general WordPress troubleshooting guide might provide the solution you need.

But if you're specifically having trouble finding your ConvertKit content in their respective dropdown menu settings, try this guide instead ๐Ÿ‘‡

Did this answer your question?