Bring your Kit Forms, products, and more to WordPress
Once you've installed the Kit plugin on your WordPress website, you're ready to start displaying your Kit 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 Kit plugin on your website, you may have set up a default Kit Form for your WordPress posts and pages.
To change the default Form, click Settings on your WordPress sidebar > Kit.
On the General Settings page of the Kit 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 Kit 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 Kit 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 select from the dropdown whether to show another Form from your account.
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 Kit 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 Kit 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 Kit Forms
NOTE: This feature works best for inline Kit 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 Kit Form block and insert it.
Use the Kit Form block settings in the right sidebar to select the Form that should be displayed.
You can also embed a Kit 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 Kit Form when a visitor clicks a website button
If you have a modal, sticky bar, or slide in Kit Form, you can create a button that will display a Form when clicked.
Just add a new Kit Form Trigger block to your content:
Use the Kit 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 Kit Landing Pages on your website
If you've created a Landing Page in Kit, 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 Kit plugin settings. Use the Landing Page setting to select the Landing Page that should appear in place of the page.
Embed your Kit products
Our Kit Product block will add a button to your WordPress content that displays your Kit Commerce product when clicked.
Add the Kit 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 Kit
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 Kit 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 Kit 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!)
Customize your website content based on your subscribers' Tags
Apart from adding Kit Forms, products, and the like to your WordPress website, you can also show different website content to match your subscribers' Kit Tags. 🤯
If you're facing difficulties getting your Kit 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 Kit Forms or Landing Pages in their respective dropdown menu settings, try this guide instead 👇