Skip to main content
All CollectionsAutomateConvertKit 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, 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 Form for your web pages

While installing the ConvertKit plugin on your website, you may have set up a default ConvertKit Form for your WordPress posts and pages.

To change the default Form, click Settings on your WordPress sidebar > ConvertKit.

On the General Settings page of the ConvertKit plugin settings, use these settings to change the default Form that appears below your WordPress posts and pages, and in other places:

  • Default Form (Pages): The default Form for your pages

  • Default Form (Posts): The default Form for your posts

  • Default Form (Landing Pages): The default Form for your Elementor landing pages (if you have the Elementor plugin installed)

  • Default Form (My Templates): The default Form for your Elementor templates (if you have the Elementor plugin installed)

  • Default Form (Products): The default Form for your WooCommerce product pages (if you have the WooCommerce plugin installed)

  • Default Form (Site Wide): The default Form that will appear across all your web pages except for the web pages that will already display a non-inline Form. For example, if you've set up your posts to show a modal Form by default, then your default site-wide Form will not appear on your posts. Your default site-wide Form cannot be an inline Form.

NOTE: You may see more default Form settings than what's listed here depending on the WordPress theme and plugins you're using.

Set up a default Form for post categories

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

Go to Posts > Categories on your WordPress sidebar to manage your post categories.

When adding a new post category or editing an existing one, use the ConvertKit Form setting to set up the category's default Form.

The Form you select here will override the default Form you've chosen for posts in your ConvertKit plugin settings. If you don't want to override the default Form, leave this setting as "Default."

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.

You can also use the Display ConvertKit Form on Archive? setting to select whether to show the category's default Form on its archive page.

Override the default Form for certain posts, pages, or WooCommerce product pages

If you don't want to display your default 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.

Embed your ConvertKit Forms

NOTE: This feature works best for inline ConvertKit forms.

To display a 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 a ConvertKit Form into your WordPress website by copying its 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 will display a Form 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 ConvertKit Landing Pages on your website

If you've created a Landing Page in ConvertKit, you can have it take over an existing WordPress page. Users who navigate to the page's URL will see your Landing Page.

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 content that displays your ConvertKit Commerce product when clicked.

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

Use the right sidebar to select the product to be associated with your button and a button will appear in your content. Click the button text to customize it.

The right sidebar also has settings for:

  • Embedding an optional discount code you've set up in ConvertKit

  • Loading the checkout step to direct users who click the button to the checkout page instead of the product's main page

  • Disabling the modal on mobile such that mobile users who click the button will be directed to your product's page instead of seeing a product modal pop up on the screen. Enabling this option can help mobile users successfully download your product (if it's a digital product like a PDF file) after buying it.

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.

Display your Broadcast content on WordPress

The ConvertKit plugin lets you:

  • Embed your Broadcast feed into a WordPress post or page

  • Publish your Broadcasts as WordPress posts

(You can even publish your WordPress posts as Broadcasts!)

Add ConvertKit content as WordPress widgets

When you go to Appearance > Widgets from your WordPress sidebar, 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 show different website content to match your subscribers' ConvertKit Tags. 🀯

If you're facing difficulties getting your ConvertKit Forms or Landing Pages to appear on your WordPress website, our general WordPress troubleshooting guide might provide the solution you need.

But if you're specifically having trouble finding your ConvertKit Forms or Landing Pages in their respective dropdown menu settings, try this guide instead πŸ‘‡

Did this answer your question?