After installation, you will be taken to the CK Section Marketplace. Browse the available templates, such as the "Stats Counter" or "Modern Image with Text." When you find a section you like, click the Add Free button to add it to your collection.

From the "My Sections" dashboard, locate the specific section you wish to use (e.g., CK - FAQ #1). Click the "Install to Theme" button located at the bottom of the section card.

A pop-up window will appear titled "Install [Section Name] to Theme." Click on the "Select Theme" dropdown menu to see a list of all themes currently available in your Shopify store. Choose the theme where you want the section to be added

Navigate to your Shopify Admin sidebar and click on Online Store. This will take you to your themes area where you can manage your live and draft themes.

In the Theme Editor sidebar, find the area where you want to add the new content (such as the "Template" area) and click the (+) Add section button.

A search menu will open. Scroll through the list or search for the section you just installed. It will typically be prefixed with "CK" (e.g., CK faq #1). Click on it to add it to your page layout.

Once the section appears on your page, you can use the right-hand sidebar to adjust colors, fonts, and text. When you are happy with the look, click the Save button in the top right corner to push the changes live.

Click the + Create Form button at the top right or the center of the dashboard to open the setup screen.

You have two ways to build a form:

• Templates: Choose from pre-built options like Contact Form, Job Application, or Custom Order to save time.
• Start from Scratch: Click Create Blank Form to build a unique layout from the ground up.

The builder is divided into three main areas:

• Left Sidebar (Field Types): Your toolbox. Click or drag any field (Text, Email, Phone, Dropdown, etc.) into the middle area.
• Middle Workspace: Your live form preview. Here you can edit the Form Heading and Description.
• Top Bar: Contains Undo/Redo actions, a Preview button to see the live version, Settings, and the Save button.

Once you add a field, click on it to open the Edit Bar on the right side. Customization is split into four categories:

Change the Label, add Placeholder text, or mark the field as Required.

Set Min/Max character lengths or use Regex patterns for specific data types.

Toggle between Full Width or Half Width to place two fields side-by-side.

Conditional logic allows you to create "smart" forms that change based on user input. You can show or hide specific fields only when certain criteria are met.

How to Set Up Logic

1. Select a Field: Click on the field you want to dynamically show or hide.
2. Enable Logic: In the right sidebar, expand the Conditional Logic section and check the Enable conditional logic box.
3. Define the Action: * Choose whether to Show or Hide the selected field.
4. Set the Rule Match:
   All: Every condition must be true.
   Any: Only one of the conditions needs to be true.
5. Configure Conditions:
   Select Field: Choose which field’s value will trigger the logic.
   Select Operator: Choose how to compare the value (e.g., Equals, Contains, Greater than, Is empty).
   Enter Value: Type the specific value you are looking for.

Control what happens after a user interacts with your form.

• Submit Button Text: Customize the label of your primary action button (e.g., "Send Message," "Book Now").
• Success Message: Write a custom thank-you note that appears immediately after a successful submission.
• Redirect URL: (Optional) Automatically send users to a specific page (like a "Thank You" or "Offers" page) once they submit the form.

Match the form to your store’s branding without writing code.

• Colors: Set specific hex codes for your Primary Color (buttons/highlights), Background, and Text.
• Typography: Choose a Font Family or set it to Inherit from theme to keep your store's look consistent.
• Spacing & Shape: Use the sliders to adjust Border Radius (for rounded corners) and Padding (to give your fields more room).

Stay updated on new leads and inquiries.

• Enable Notifications: Toggle the switch to receive an email every time a form is submitted.
• Notification Emails: Click + Add Email to send alerts to multiple team members or departments simultaneously.

Protect your store from spam and automated bots.

• CAPTCHA Protection: Enable this to add a verification step for users, preventing bot submissions.
• Rate Limit: Set a maximum number of submissions allowed per minute from a single user to prevent form abuse.

Before a form can appear on your storefront, it must be published.

• Publish: Click the Publish button at the top right of the builder.
• Copy ID: Once published, click the Copy ID button in the top bar. You will need this unique ID to tell Shopify which form to display.

You can place your form on any page (Home, Contact, Product, etc.) using the Shopify Theme Editor.

• Open Theme Editor: Go to your Shopify admin > Online Store > Themes > Customize.
• Add Section: Click Add Section in the left sidebar.
• Select Apps Tab: Switch from "Sections" to the Apps tab and select Ck Forms.

Paste Form ID: Click on the newly added Ck Forms block. In the settings sidebar on the right, paste the ID you copied earlier into the Form ID field (Screenshot 11).

Save: Click Save at the top right of the Shopify editor.

Your form will now appear live on your store. It will automatically inherit the styles (colors, fonts, and layout) you configured in the app's settings.