CK Forms - AI Form Builder Documentation

CK Forms - Ai Form Builder: Complete Documentation

Welcome to the comprehensive documentation for CK Forms - Ai Form Builder. This guide details how to navigate the app's core modules, utilize pre-built layout templates, build or customize forms using the interactive drag-and-drop builder, and integrate your customer data into major email marketing and security platforms.

Introduction & Dashboard Overview

Upon launching CK Forms - Ai Form Builder, you are welcomed by a clean, centralized dashboard designed to give you a complete snapshot of your form performance and setup progress.

Setup Guide: A step-by-step checklist ensuring your app is fully integrated, tracking tasks like form creation and theme app block installation.

Real-time Analytics: Visual graph depicting "Submissions over time" (filterable by the last 7 days) along with metrics for plan usage, including file storage and monthly submissions.

App Status & Block Controls: Toggle switches to verify whether the app block is actively running on your live theme.

Help & Support Quick Links: Fast access to embedding tutorials, auto-responder configurations, and live chat assistance.

Installation & Store Authentication

Before accessing the dashboard, you must authenticate your Shopify store domain to ensure secure data handling and synchronization.

Step-by-Step Authentication:

  1. When prompted, locate the Log in card.
  2. Enter your unique Shopify store handle under the Shop domain input field (e.g., your-store-name.myshopify.com).
  3. Click on the Log in button to securely authenticate your storefront and connect the app database.

Creating Your First Form

CK Forms provides multiple intuitive paths to start building interactive forms, allowing you to leverage artificial intelligence or pre-designed templates.

Options Available:

  • Build it with AI (Beta): Simply describe what you need in plain English, and the AI engine generates relevant fields instantly.
  • Start from a Template: Choose from popular pre-configured options such as Contact Us, Job Application, or Customer Feedback.
  • Start from Scratch: Open a completely empty canvas with our drag-and-drop builder.
  • Live Preview Panel: View a dynamic mockup of your form to see exactly how it will appear on your storefront page prior to finalizing.

Using the Form Builder Interface

The builder workspace gives you absolute control over field types, AI dynamic enhancements, and form publishing settings.

Key Workspace Sections:

  • Sidebar Field Picker: Easily add standard inputs categorized into Basic Fields (Short Text, Long Text, Email, etc.) and Choice Fields (Dropdown, Radio Buttons, Checkboxes).
  • Add Fields with AI: A dynamic field at the top of the sidebar allowing you to type short commands (e.g., "add a phone & address") to generate sections on the fly.
  • Top Header Controls: Quickly access functions like Copy ID, AI, Preview, Settings, and Publish.

Managing the Template Library

The Template Library allows you to quickly discover layouts tailored to specific business domains and target audiences.

Category Filters: Sort available mockups using easy tabs: All, Contact, HR, Surveys, Booking, and E-commerce.

Interactive Previews: Hovering over any template highlights options to Preview the complete design details or click Use to instantly load it into the form builder workspace.

Third-Party Integrations

Extend the capabilities of your form by connecting security extensions and leading email marketing platforms directly within the Integrations tab.

Available Integration Categories:

  • Security & Anti-Spam: Protect inputs using Google reCAPTCHA v2/v3 or hCaptcha.
  • Email Marketing Automation: Streamline lead flow by connecting platforms like Klaviyo or Mailchimp

Pricing & Plans

We offer transparent, highly scalable plans designed to fit growing businesses, from early-stage setups to high-volume enterprise operations.