A Form collects a visitor's details so you can grow your list. Add a Form to a Website Page or Landing Page, choose what happens after someone submits it, and style the button to match your page.
What is a form?
On Kajabi, Forms can be used to perform various actions, including:
Subscribing someone to an email sequence
Registering a person to an event
Segmenting subscribers based on which forms they have filled out
Adding a Form Block to your page displays your selected Form on your page. Try adding a Form that fits your business vision.
Adding a form block
From the Dashboard, open the Website tab.
Select either Website Pages or Landing Pages.
Open the page editor for your page. Learn how to open the page editor
Click the Section you want to edit or create a new Section.
In the sidebar, click Add block.
From the list, select Form.
Select your Form from the dropdown to display it in the Block. Don't have a Form? Learn to build a Form.
Click Save to keep your changes.
Customizing your form block
In a Form Block, configure the Block Width, select the Form used, configure the Thank You Page, edit the Text, add a Disclaimer to your Form, and customize the Form Block Settings.
Select the form
To select a Form from the dropdown, you must first create a Form in your Marketing tab.
Click Edit forms to edit and create a Form:
Thank you page
Set up the action triggered after the Form is submitted from the page:
Go to a Landing Page
Go to a Checkout Page
Download a File
Go to a URL (be sure to use the full URL, for example, https://kajabi.com/)
Note: Leave this blank to send your Form submitters to the standard website Thank You Page or to the Thank You Page set up in the After Submissions settings of the Form Editor. Selecting a Thank You Page from this dropdown overrides both the standard website Thank You Page and the After Submission Thank You Page.
Text
Customize the message above the Form fields by editing the Text in the Block. Enter your custom Text to replace "Join the Newsletter" when you add your Form to a Block on your page:
Tip: Utilize the Text Editor to easily add your text content to your Form Block.
Disclaimer text
Under GDPR, a contact must be informed that their data will be stored and used by a company when they're submitting it.
The Disclaimer Text feature helps you add clear and plain language to inform your visitors that submitting the Form will subscribe them to your Marketing Emails. This feature ultimately helps you on your path to GDPR compliance. Learn more about GDPR and data collection.
Disclaimer: Kajabi and any of its employees, contractors, or attorneys participating in providing the information contained in this Article or elsewhere on our website expressly disclaim any warranty.
Input label
Choose to display Placeholder text inside your Form fields:
Choose to display Labels above each Form field:
Make form inline
Check Make Form Inline to give the form a horizontal layout on larger devices:
Block settings
To adjust the look and feel of the Block, configure your Block Settings by customizing the:
Button
Similar to the Call to Action Block Settings, customize your Form submission Button by editing the text, background color, text color, width, style, size, and radius.
Form button:
Button background color
Click the Button background color to select a color from your site color palette.
To use a custom color, click the color wheel, then enter your RGB color code or use the sliders to choose your color.
The square box adjusts the brightness and saturation of your color
The horizontal rainbow bar selects the hue
The horizontal gradient bar selects the opacity of your color
Button text color
Complement your Button background color with a different Button text color.
Note: The Button text color applies to solid buttons only.
Click the Button text color to select a color from your site color palette.
To use a custom color, click the color wheel, then enter your RGB color code or use the sliders to choose your color.
The vertical bar selects the hue
The square box adjusts the brightness
The horizontal bar selects the opacity of your color
Button width
Adjust the width of your Button:
Full: fills the width of the button area
Auto: adjusts the width to fit the text
Button style
Change the style of the Button to display:
Solid colored button
Outline of your Button background color
Button size
Adjust the size of your Form submission Button:
Small
Medium
Large
Changing the size changes both the button background and the text size.
Border radius
Customize your Form submission Button border to appear more rounded or squared.
Add a Form section in a Premier legacy template
Premier is a legacy page template. In a Premier template, you add a Form with an Opt In Form Section instead of a Form Block. If you build pages with the current page editor, use the steps above.
Add an Opt In Form section to a Premier page
From the Dashboard, open the Website tab.
Select either Website Pages or Landing Pages.
Select the page you want to customize, or create a new page.
Click Customize to open the template editor.
In the sidebar, click + Add Section.
Select Opt In Form.
Click Add.
Find your new Form Section at the bottom of the page.
Select your Form from the dropdown to display it in the Section.
Click Save to keep your changes.
Select the form in a Premier template
To select a Form from the dropdown, you must first create a Form in your Marketing tab.
Click Edit your forms to edit or create a Form:
Set the Thank you page in a Premier template
Set up the action triggered after the Form is submitted from the page:
Go to a Landing Page
Go to a Checkout Page
Download a File
Go to a URL (be sure to use the full URL, for example, https://kajabi.com/)
Note: Leave this blank to send your customers to the default Thank You Page located under the Website Design tab, or to the Thank You Page set up in the After Submissions settings of the Form editor. Selecting a Thank You Page from this dropdown overrides both the default Thank You Page and the After Submission Thank You Page.
Customize the button and text in a Premier template
Edit the Button Text to change the message on the button that submits the Form.
Choose to Show Text to add context or information next to your Opt In Form, then use the Text Editor to enter your custom messaging.
Change the Form appearance in a Premier template
Customize the appearance of your Opt In Form within the Section by editing the:
Position
Input Label
Button Style
Button Width
Button Color
Form Color
Change the Section appearance in a Premier template
Choose a Section background image with an overlay, or select a solid background color.
Changing the Spacing in your Section Appearance settings creates a Hero Image effect in the Opt In Form Section of your page. Learn more about the Hero Image and how to customize the overlay.