Build a professional Shopify shop without
ever touching a line of code.
Total creative control over your brand, no technical experience required.
CK - Video Carousel #1
Details: Bring your store to life with a smooth, dyn...
CK - Video Carousel #1
Details: Bring your store to life with a smooth, dynamic video slider. It’s the perfect way to show off your products in action or share customer reviews without slowing down your site.
Layout: A clean, swipeable carousel that looks great on any screen. It saves space by tucking multiple videos into one neat row, keeping your homepage organized and professional.
Content: Simple and effective video . Add a catchy headline and a "Shop Now" button to any video to turn your viewers into customers instantly.
Media: Upload your videos and let the section do the rest. It features smart loading to keep your site fast, plus easy options for looping and silent autoplay.
Colors: Change the button and text colors in just a few clicks. You can easily match the look to your brand so everything feels consistent.
CK Customer Testimonial Showcase #1
Details: This section allows you to display a series...
CK Customer Testimonial Showcase #1
Details: This section allows you to display a series of customer testimonials in a clean, professional layout, inspired by popular review platforms like Trustpilot. It's designed to build trust and social proof by showcasing positive feedback from happy users.
Layout: Display up to five testimonial cards in a row.
Colors: Change the background color of the entire section (the light green gradient) and the individual testimonial cards (white). Customize the color of the quote icon, star ratings, review text, and reviewer name.
Typography: Select custom fonts and adjust sizes for the main heading ("HEAR FROM OUR HAPPY USERS"), the subheading, the review text within each card, and the reviewer's name and title.
Content: Easily add or edit each testimonial. For each review, you can input the following:
Review Text: The main body of the customer's feedback.
Rating: Set a star rating from 1 to 5.
Reviewer's Name: The name of the person who left the review (e.g., Emma Johnson).
Reviewer's Title/Location: A short descriptor for the reviewer (e.g., their city, title, or the date the review was posted).
Spacing: Fine-tune padding and margins for the entire section and adjust the spacing between the individual testimonial cards.
CK Customer Testimonial Showcase #2
Details: This section displays customer testimonials...
CK Customer Testimonial Showcase #2
Details: This section displays customer testimonials in a clear, organized grid layout. It is designed to build social proof and trust by showcasing positive feedback in a prominent, dedicated space.
Layout: A static, multi-column grid that can display up to four testimonial cards at a time. The layout is ideal for presenting a fixed set of reviews without a slider function.
Colors: Change the background color of the entire section (dark green), the testimonial card backgrounds (light green), and all text elements. The star ratings and reviewer initials can also be customized.
Typography: Select custom fonts and adjust sizes for the main heading ("OUR CUSTOMER FEEDBACK"), the subheading, review text, and reviewer names.
Content: Each card includes a space for the reviewer's initials, their full name, a star rating (from 1 to 5), and the body of the review.
CK Customer Testimonial Showcase #3
Details: This section allows you to display customer...
CK Customer Testimonial Showcase #3
Details: This section allows you to display customer testimonials in a professional and personal layout. It is designed to build a high level of trust and authenticity by featuring reviewer profile pictures alongside their feedback and incorporating a recognizable credibility badge element.
Layout: A static row of up to three testimonial cards. The layout is clean and simple, focusing on the content and reviewer details.
Credibility Badges: Includes the option to add a small, verified review badge or a similar icon element next to the "CUSTOMER TESTIMONIALS" heading to visually signal a connection to established review credibility without direct reference to a specific platform.
Content: For each review, you can input the full review text, select a star rating, and add the reviewer's name and a custom title (e.g., "Customer," "Verified Buyer").
Media: Upload a profile picture for each reviewer. The images are displayed in a circular format, adding a personal and authentic touch.
Colors: Change the background color of the entire section, the testimonial cards (light green), and all text elements.
Typography: Select custom fonts and adjust sizes for the section heading, subheading, and all review text.
CK Customer Testimonial Showcase #4
Details: This engaging section combines customer rev...
CK Customer Testimonial Showcase #4
Details: This engaging section combines customer reviews with product images in a dynamic, slider format. It's designed to powerfully showcase social proof by directly linking positive feedback to specific products, encouraging new customers to make a purchase.
Slider Layout: A customizable carousel that displays a specified number of testimonial cards at a time. It includes navigation dots and can be configured for automatic sliding or manual swiping.
Content: Each slide is a complete testimonial card. You can input the review text, the reviewer's name, and a custom title (e.g., "Customer"). You can also set a star rating for each review.
Media: A key feature is the ability to upload both a product image and a profile picture for each testimonial, creating a highly visual and authentic review.
Colors: Change the background color of the section and the testimonial cards. Customize the color of the star ratings, quote icons, text, and slider navigation dots.
Typography: Select custom fonts and adjust sizes for all text elements, including the section title, review text, and reviewer names.
CK Customer Testimonial Showcase #5
Details: This section uses vibrant, full-sized custo...
CK Customer Testimonial Showcase #5
Details: This section uses vibrant, full-sized customer photos to create a highly engaging and authentic testimonial display. It's designed to build strong social proof by allowing visitors to connect with real customers and their positive experiences.
Slider Layout: A dynamic carousel that displays a portion of the testimonial cards at a time, with easy-to-use navigation arrows for a seamless browsing experience.
Content: Each slide includes a prominent photo, the reviewer's name, the review text, and a star rating with a unique numerical display (e.g., 4.2/5).
Media: The primary feature is the ability to upload a large, high-resolution photo for each review, which serves as the main visual element of the card.
Colors: Customize the background color of the entire section and the individual testimonial cards, allowing for a creative, multi-color design. You can also change the color of the star ratings and all text elements.
Typography: Select custom fonts and adjust sizes for the section title ("Our Happy Customers"), reviewer names, and all review text.
CK Customer Testimonial Showcase #6
Details: This elegant and minimalist section is desi...
CK Customer Testimonial Showcase #6
Details: This elegant and minimalist section is designed to showcase customer reviews in a clean, uncluttered slider format. It puts the focus squarely on the content of the review and the authenticity of the customer, providing strong social proof without visual distractions.
Slider Layout: A dynamic, horizontal slider that allows users to navigate through testimonials using prominent left and right arrows. It can be configured to show one or multiple cards at a time.
Content: Each card includes a space for a bold headline, the full review text, the reviewer's name, and an optional title (e.g., "Customer").
Media: A small, circular profile picture can be uploaded for each reviewer, adding a personal touch to the minimalist design.
Colors: Customize the background and card colors, as well as the color of all text and navigation arrows, to fit any brand's style. The design's strength is its adaptability to a monochrome palette.
Typography: Select custom fonts and adjust sizes for all text elements to maintain a clean and readable aesthetic.
CK Video Gallery Grid #1
Details: This modern and engaging section allows you...
CK Video Gallery Grid #1
Details: This modern and engaging section allows you to showcase a collection of your latest videos. It provides a clean, visual way to share content like campaigns, customer spotlights, or product guides directly on your page.
Layout: A static grid that displays a configurable number of video thumbnails in a row. The layout is clean and simple, ideal for presenting video content in an organized manner.
Functionality: Each thumbnail is a clickable element that opens the video in a pop-up window or plays it directly on the page, keeping visitors on your site.
Content: You can link each thumbnail to a video source (e.g., YouTube or Vimeo). You can also add a custom image for each thumbnail and customize the central play button.
Colors: Change the background color of the section, the play button color, and all text elements to align with your brand.
Typography: Select custom fonts and adjust sizes for the main heading ("WATCH OUR LATEST VIDEOS") and the subheading.
CK Video Gallery Grid #2
Details: This modern and engaging section allows you...
CK Video Gallery Grid #2
Details: This modern and engaging section allows you to showcase a collection of your latest videos. It provides a clean, visual way to share content like campaigns, customer spotlights, or product guides directly on your page.
Layout: A static grid that displays a configurable number of video thumbnails in a row. The layout is clean and simple, ideal for presenting video content in an organized manner.
Functionality: Each thumbnail is a clickable element that opens the video in a pop-up window or plays it directly on the page, keeping visitors on your site.
Content: You can link each thumbnail to a video source (e.g., YouTube or Vimeo). You can also add a custom image for each thumbnail and customize the central play button.
Colors: Change the background color of the section, the play button color, and all text elements to align with your brand.
Typography: Select custom fonts and adjust sizes for the main heading ("WATCH OUR LATEST VIDEOS") and the subheading.
CK Service Features with Icon #1
Details: This elegant section is designed to highlig...
CK Service Features with Icon #1
Details: This elegant section is designed to highlight your brand's key benefits and value propositions. It uses a clean, grid-based layout with simple iconography to clearly communicate why customers should choose you.
Layout: A fixed, four-column grid that displays each value proposition in its own card. The design is minimalist and focuses on visual clarity.
Content: Each card is fully customizable, allowing you to add a bold title (e.g., "FREE SHIPPING"), a short description, and a matching icon.
Icons: A key feature is the ability to use a unique line-art icon for each benefit, visually reinforcing your message in a sophisticated way.
Colors: Change the background color, the card background color, and the color of all icons and text elements to fit your brand. The design works exceptionally well with a monochromatic color scheme.
Typography: Select custom fonts and adjust sizes for both the feature titles and descriptions.
CK Service Features with Icon #2
Details: This sleek and modern section is designed t...
CK Service Features with Icon #2
Details: This sleek and modern section is designed to showcase your brand's key benefits in a striking, inverted color scheme. It uses a fixed grid with minimalist icons to create a bold visual statement.
Layout: A fixed, four-column grid that displays each value proposition in a bold, dark card. The design is clean and focuses on a high-contrast aesthetic.
Content: Each card is fully customizable, allowing you to add a title (e.g., "FAST DELIVERY"), a short description, and an icon.
Icons: The key feature is the ability to use a unique white line-art icon for each benefit, which pops against the dark card background.
Colors: This section excels in a monochromatic palette. You can change the background color of the section and the card colors to a dark tone, with text and icons in a contrasting light color.
Typography: Select custom fonts and adjust sizes for both the feature titles and descriptions.
CK Service Features with Icon #3
Details: This elegant section is designed to highlig...
CK Service Features with Icon #3
Details: This elegant section is designed to highlight your brand's key service benefits and value propositions. It uses a clean, grid-based layout with distinct icons to communicate your brand's strengths in a straightforward and professional manner.
Layout: A static, four-column grid that displays each benefit within its own card. The entire section is presented on a single background bar.
Content: Each card is fully customizable, allowing you to select a unique icon, add a bold title (e.g., "Free and Fast Delivery"), and a short description.
Design Elements: Icons are enclosed in a circular container, creating a clean visual separation. The section's design is minimalist, focusing on typography and simple icons.
Colors: Change the background color of the entire section bar, as well as the color of all icons and text elements, to fit your brand's style.
Typography: Select custom fonts and adjust sizes for both the benefit titles and descriptions to ensure readability.
CK Service Features with Icon #4
Details: This elegant section is designed to highlig...
CK Service Features with Icon #4
Details: This elegant section is designed to highlight your brand's key service features and value propositions. It uses a clean, grid-based layout with distinct icons to communicate your brand's strengths in a straightforward and professional manner.
Layout: A static, four-column grid that displays each feature within its own card. The entire section is presented on a single background bar.
Content: Each card is fully customizable, allowing you to select a unique icon, add a bold title (e.g., "Free and Fast Delivery"), and a short description.
Design Elements: Icons are enclosed in a circular container, creating a clean visual separation. The section's design is minimalist, focusing on typography and simple icons.
Colors: Change the background color of the entire section bar, as well as the color of all icons and text elements, to fit your brand's style.
Typography: Select custom fonts and adjust sizes for both the feature titles and descriptions to ensure readability.
CK Secure Payment Badges #1
Details: This section is designed to build customer ...
CK Secure Payment Badges #1
Details: This section is designed to build customer trust and confidence by clearly displaying the secure payment methods available. It is often placed near the "Add to Cart" button to reassure customers during the purchasing process.
Layout: A simple, flexible layout that can display various icons in a horizontal row.
Content: The section includes a customizable heading (e.g., "Safe payment on our website") and can feature a curated selection of payment method icons. It also includes social media sharing icons to extend your brand's reach.
Badges: The primary feature is the inclusion of secure payment badges, which visually communicate the safety of your checkout process. You can choose which icons to display to match the payment methods you accept.
CK Partner & Media Logos #1
Details: This sleek section is designed to build cus...
CK Partner & Media Logos #1
Details: This sleek section is designed to build customer trust and establish your brand's reputation by showcasing the logos of respected partners or clients. It's a simple yet powerful way to leverage social proof.
Layout: A static, continuous horizontal bar that displays a list of logos. It is ideal for showcasing a curated selection of brands that you have worked with or are affiliated with.
Content: You can add a customizable headline (e.g., "Trusted by 500+ reputed brands:") and a collection of logos.
Logos: The key feature is the ability to upload or link to your chosen brand logos. The design is optimized for simple, monochromatic logos to maintain a clean aesthetic.
Colors: Change the background color of the entire bar and the color of all logos and text. The high-contrast design (dark background with light logos) is a key stylistic feature.
CK Partner & Media Logos #2
Details: This professional section is designed to bu...
CK Partner & Media Logos #2
Details: This professional section is designed to build customer trust and establish your brand's reputation by showcasing the logos of respected partners or clients. It's a simple yet powerful way to leverage social proof.
Layout: A static, continuous horizontal bar that displays a list of logos. It is ideal for showcasing a curated selection of brands that you have worked with or are affiliated with.
Content: You can add a customizable headline (e.g., "Trusted by 500+ reputed brands:") and a collection of logos.
Logos: The key feature is the ability to upload or link to your chosen brand logos. The design is optimized for simple, monochromatic logos to maintain a clean aesthetic.
Colors: Change the background color of the entire bar and the color of all logos and text.
CK Partner & Media Logos #3
Details: This section is designed to build credibili...
CK Partner & Media Logos #3
Details: This section is designed to build credibility and social proof by showcasing logos of reputable partners or media outlets where your brand has been featured. The use of full-color logos creates a vibrant and professional display.
Layout: A static, continuous horizontal bar that presents a collection of logos. It's a simple, effective way to display brand associations.
Content: You can add a customizable headline (e.g., "Featured In:") and a curated selection of logos.
Logos: The key feature is the ability to use logos in their original, full-color format, which adds visual richness to the section.
Colors: The background color of the entire bar can be customized, allowing for a clean contrast that makes the logos stand out.
CK Modern Image with Text #1
Details: This elegant and sophisticated section is d...
CK Modern Image with Text #1
Details: This elegant and sophisticated section is designed to showcase a product or a key feature using two prominent images alongside a list of compelling selling points. It's a highly effective way to provide a comprehensive visual and textual overview, building customer confidence and encouraging a purchase.
Layout: A flexible two-column structure featuring a text block and a media block. The media block is specifically configured to display two images side-by-side or stacked, allowing you to showcase multiple product angles or details at once.
Content: Easily customize the headline, the main paragraph, and the text for each of the bullet points.
Icons: Enhance the key points by adding customizable icons next to each bullet, visually reinforcing the benefits and making the section more engaging.
Media: Upload two high-resolution images to represent your product or feature, providing customers with more detail and context.
Button: Modify the text, link, and style of the call-to-action button.
Typography: Select custom fonts and adjust sizes for all text elements to match your brand.
Spacing: Fine-tune padding and margins for the entire section and adjust the spacing between elements for a perfect look.
CK Modern Image with Text #2
Details: This stylish and modern section is designed...
CK Modern Image with Text #2
Details: This stylish and modern section is designed to showcase a product or brand story with a large, visually engaging image and accompanying text. The custom-shaped image frame makes it stand out from a standard image-and-text block.
Layout: A flexible two-column layout that can be configured to place the image on either the left or the right side.
Content: The section includes a customizable bold heading, a descriptive text block, and a prominent call-to-action button.
Media: A key feature is the ability to upload an image that is framed within a unique, custom mask or shape, adding a dynamic and artistic element to the section.
Colors: Customize the button color and all text elements to match your brand.
CK Modern Image with Text #3
Details: This modern section is designed to showcase...
CK Modern Image with Text #3
Details: This modern section is designed to showcase a product or service with a prominent image and a block of descriptive text. The clean, two-column layout is visually balanced and draws attention to both the image and the call to action.
Layout: A two-column structure with a text block on the left and a framed image on the right. The entire section is set against a subtle, contrasting background color.
Content: The section includes a customizable bold heading, a descriptive text block, and a clear call-to-action button.
Media: A key feature is the ability to upload a product or lifestyle image that is presented within a unique, rounded-corner frame, providing a distinct and polished look.
Colors: Change the background color of the section and the button color to match your brand's palette
CK Modern Image with Text #4
Details: This stylish area is built to tell your bra...
CK Modern Image with Text #4
Details: This stylish area is built to tell your brand’s story or highlight a specific product. It uses a mix of large visuals and clean text to grab attention and keep people scrolling.
Layout: You get a flexible two-column design. You can easily swap the image and text between the left and right sides to keep your page looking balanced.
Content: Everything is ready for your input. It features a bold headline, a space for your descriptive story, and a clear action button to drive clicks.
Media: Don’t just post a photo—shape it. With our unique masking features, you can effortlessly round edges, apply custom radiuses, and transform your images into eye-catching shapes that add a touch of creative magic to your page.
Colors: You have full creative control. Customize the colors of the text and the button to ensure the section matches your brand’s look perfectly.
CK Category Showcase Grid #1
Details: This unique section is designed to guide cu...
CK Category Showcase Grid #1
Details: This unique section is designed to guide customers to different product categories using a dynamic, asymmetrical grid layout. It combines prominent imagery with clear calls to action to drive conversions and improve navigation.
Layout: A two-column asymmetrical grid that features one large item on the left and two smaller, stacked items on the right.
Content: Each grid item is fully customizable with a large product image, a heading (e.g., "Explore Our Sneakers"), a descriptive paragraph, and a "Shop Now" button.
Colors: Each category can have its own distinct background color, allowing you to create visual separation and a vibrant, eye-catching design.
CK Category Showcase Grid #2
Details: This elegant section provides a clean and v...
CK Category Showcase Grid #2
Details: This elegant section provides a clean and visually appealing way for customers to navigate your product categories. The use of circular images creates a soft and modern aesthetic that draws attention to each collection.
Layout: A static, four-column grid designed for displaying a variety of product collections or categories.
Content: Each grid item is fully customizable with a circular image and a title below it.
Media: A key feature is the ability to upload a unique image for each category, which is automatically cropped into a perfect circle.
Colors: The background color of the section can be changed to ensure the category images stand out.
CK Category Showcase Grid #3
Details: This section is designed to showcase your k...
CK Category Showcase Grid #3
Details: This section is designed to showcase your key product categories in an engaging and visually dynamic asymmetrical grid. The unique layout draws the eye and encourages customers to explore your collections.
Layout: A flexible, asymmetrical grid that features three smaller items on top and two larger items on the bottom, allowing for a non-uniform visual balance.
Content: Each grid item is fully customizable with a product image, a title (e.g., "GENTS T-SHIRT"), and a "View All" link with an arrow.
Colors: You can change the colored overlays on the images to match your brand's aesthetic.
CK Category Showcase Grid #4
Details: This section combines a descriptive text bl...
CK Category Showcase Grid #4
Details: This section combines a descriptive text block with a visual grid of product categories, providing a clean and organized way to introduce your product range and guide customers to specific collections.
Layout: A hybrid two-column layout with an introductory text block on the left and a three-column grid of product categories on the right.
Content: The text block includes a customizable heading (e.g., "EXPLORE OUR PRODUCTS"), a descriptive paragraph, and a "See All" button. Each category item has a square image with a title and an arrow link.
Colors: You can change the background color of the section and the button to match your brand.
CK Category Showcase Grid #5
Details: This section combines a bold, dark introduc...
CK Category Showcase Grid #5
Details: This section combines a bold, dark introductory text block with a visually appealing grid of product categories. It is designed to immediately capture attention and guide customers to your key collections in an organized and stylish manner.
Layout: A hybrid two-column layout with a prominent text block on the left and a grid of category items on the right. The text block has a unique dark background and rounded corners.
Content: The text block includes a customizable heading (e.g., "Shop The Category"), a descriptive paragraph, and a call-to-action button. The grid on the right features multiple category items, each with a customizable image and a title.
Colors: The high-contrast color scheme, with a dark left-side text block and a light right-side grid, is a key stylistic feature. You can change these colors to match your brand.
CK Call to Action Bar #1
Details: This section is designed to encourage custo...
CK Call to Action Bar #1
Details: This section is designed to encourage customer engagement and drive conversions by presenting a clear and inviting call to action. The multiple contact options create a welcoming feel.
Layout: A single, prominent horizontal bar that contains a central text block and call-to-action elements.
Content: The section includes a customizable heading (e.g., "Need Assistance?"), a subheading, and multiple call-to-action options, such as a button and a contact number.
Colors: Customize the background color of the bar, the button colors, and all text elements.
CK Call to Action Bar #2
Details: This modern section is designed to encourag...
CK Call to Action Bar #2
Details: This modern section is designed to encourage customers to take a specific action, such as scheduling a consultation. The clean layout and subtle gradient background create a professional and inviting feel.
Layout: A single, prominent horizontal bar with rounded corners, containing a central text block and call-to-action elements.
Content: The section includes a customizable heading (e.g., "Schedule A Free Consultation"), a subheading, and multiple call-to-action options, such as a button and a contact number.
Colors: The background features a smooth gradient, which can be customized to match your brand's color scheme. The colors of the text and buttons are also customizable.
CK Call to Action Bar #3
Details: This section is designed to make a direct a...
CK Call to Action Bar #3
Details: This section is designed to make a direct and bold statement, encouraging customers to take action. The prominent announcement icon and a clear call-to-action on a dark, rounded-corner background give it a modern and professional feel.
Layout: A single, prominent horizontal bar with rounded corners. The layout is divided into a text block with CTAs on one side and a large illustration on the other.
Content: The section includes a customizable heading (e.g., "Need Assistance?"), a subheading, and multiple call-to-action options, such as a button and a contact number.
Icons: The key feature is a single, large illustration of an announcement icon that serves as a powerful visual element, making the section highly engaging and brand-specific.
Colors: The background features a dark, professional gradient that can be customized. The text and button colors can also be changed for contrast.
CK Call to Action Bar #4
Details: This section is designed to drive a specifi...
CK Call to Action Bar #4
Details: This section is designed to drive a specific service-related action, such as scheduling a call. The modern design and clear call to action make it an effective tool for converting visitors.
Layout: A prominent horizontal bar with a gradient background and rounded corners. It features a two-part layout with text and a button.
Content: The section includes a customizable subheading (e.g., "Looking for a Top-Notch Shopify Developer?"), a bold heading, and a prominent call-to-action button.
Colors: The background features a vibrant gradient that can be customized to match your brand's color scheme. The text and button colors can also be changed for contrast.
CK Contact Form with Info Card #1
Details: This clean and organized section is designe...
CK Contact Form with Info Card #1
Details: This clean and organized section is designed to make it easy for customers to get in touch. The two-column layout neatly separates key contact information from the main inquiry form.
Layout: A two-column structure with contact information cards on the left and a dedicated contact form on the right. The entire section is contained within a rounded-corner frame.
Content: The section includes a customizable heading (e.g., "Get in Touch With Us") and a subheading. The left side features cards for location, phone number, and email, each with a corresponding icon. The right side contains form fields for customer details and a message.
Colors: The background, form fields, and icons all use a soft, warm color palette that can be customized to match your brand's aesthetic.
CK Contact Form with Info Card #2
Details: This professional and modern section is des...
CK Contact Form with Info Card #2
Details: This professional and modern section is designed to encourage customers to schedule a consultation. The clear, two-column layout separates the form from a large, custom image, creating a visually balanced and functional design.
Layout: A two-column structure with a customizable form on the left and a large, engaging image on the right. The entire section is set against a light background with rounded corners.
Content: The section includes a customizable heading (e.g., "Schedule A Free Consultation"), a subheading, and a form with fields for personal information, a message area, and a checkbox for marketing opt-ins.
Image: A key feature is the prominent, custom image that visually represents the concept of a call center or consultation.
Colors: The light blue background and the white form fields create a clean and soft aesthetic that is easy to customize.
CK Contact Form with Info Card #3
Details: This professional and minimalist section is...
CK Contact Form with Info Card #3
Details: This professional and minimalist section is designed to make it easy for customers to get in touch. The clear, two-column layout neatly separates contact information from the inquiry form.
Layout: A two-column structure with contact information cards on the left and a dedicated contact form on the right. The entire section is set on a clean white background within a rounded-corner frame.
Content: The section includes a customizable heading (e.g., "GET IN TOUCH WITH US") and a subheading. The left side features cards for contact information, including phone number, email, and address. The right side contains form fields for name, email, phone number, and a message.
Icons: Each contact information card includes a corresponding icon (phone, email, and location) to enhance visual clarity.
Colors: The high-contrast color scheme, with a warm accent color for icons and the "Send Message" button, creates a professional and clean aesthetic.
CK Contact Form with Info Card #4
Details: This professional and modern section is des...
CK Contact Form with Info Card #4
Details: This professional and modern section is designed to provide an easy way for customers to send a message. The layout is clean and minimal, with the form on the left and a supporting visual element on the right.
Layout: A two-column structure with the contact form on the left and an eye-catching illustration on the right, providing a clear visual anchor.
Content: The section includes a customizable heading (e.g., "Send Us Message"), a subheading, and fields for personal information like first name, last name, email address, and phone number, as well as a message area. It also includes a "Send Us a Message" button with an arrow icon.
Colors: The design uses a soft, purple-and-white color scheme, which can be customized.
CK - Stats Counter #2
Details: Highlight key achievements and build instan...
CK - Stats Counter #2
Details: Highlight key achievements and build instant trust. A clean, high-impact statistics banner perfect for adding social proof to any page.
Layout: A sleek data row displaying up to 3 key stats side-by-side. Features fully adjustable container width and responsive spacing for both Desktop and Mobile.
Styling: Complete design control. Customize typography with dedicated font pickers, change colors, and adjust border thickness and corner radius to frame your data perfectly.
CK - Promo & Countdown #1
Details: Drive urgency and boost sales with a dynami...
CK - Promo & Countdown #1
Details: Drive urgency and boost sales with a dynamic promotional countdown. Perfect for flash sales, product drops, or holiday campaigns, this section combines a live timer with eye-catching visuals to encourage instant action.
Layout: A modern split-screen design. The text and timer sit on one side, while the other side features an overlapping double-image layout with an adjustable vertical offset for a creative, editorial look . It perfectly stacks on mobile for seamless browsing.
Conversion Features: * Live Countdown: Simply set your target date (Year/Month/Day), and the auto-calculating timer does the rest, counting down down to the second .
1. Promo Badge: Highlight your offer (e.g., "Save Upto 30%") with a fully customizable circular badge that floats between your images .
Styling: Unmatched typography control. You have dedicated font pickers for almost every element—headings, subheadings, timer numbers, buttons, and the promo badge—allowing you to perfectly match your brand's unique identity .
CK - Newsletter video #1
Details: Grab more emails by adding a video to your ...
CK - Newsletter video #1
Details: Grab more emails by adding a video to your newsletter signup. This section uses motion to catch the eye and make your brand look more professional and engaging.
Layout: A simple, modern block that puts your signup form right next to a video. It’s clean, focused, and fits perfectly on any page of your store.
Content: Everything you need to grow your list. It includes a clear headline, a short description, and an easy-to-use email signup box with a "Join" button.
Media: Just pick your video and let it play. It loops automatically and runs smoothly behind the scenes to keep your page fast and interesting.
Colors: You can easily change the colors of the text, button, and background overlay so that it matches your brand's style in seconds.
CK - Adjustable - Marquee #1
Details: Grab attention with a dynamic scrolling tex...
CK - Adjustable - Marquee #1
Details: Grab attention with a dynamic scrolling text bar. You can choose a fun "Wavy" style or keep it a classic "Straight" marquee—giving you total design flexibility.
Layout: Fully responsive with precise control. You can adjust the curve intensity separately for Desktop, Laptop, Tablet, and Mobile, or make it completely straight on any device.
Motion: Smooth infinite scrolling. Includes controls for speed, direction (Left/Right), and a smart hover effect that slows down the text for easier reading.
Styling: Customize the wave thickness, text size, spacing, and colors to perfectly match your brand’s theme.
CK - Comparison - With - Text #1
Details: Showcase visual proof with an interactive "...
CK - Comparison - With - Text #1
Details: Showcase visual proof with an interactive "Before & After" slider. This section pairs a draggable image comparison with a text block to highlight product results instantly.
Layout: Flexible split design. You can flip the image position (Left/Right) and choose from 5 different aspect ratios (Square, Portrait, etc.) to fit your content perfectly.
Styling: Fully customizable. Control colors, fonts, buttons, and corner rounding to match your brand style.
CK - Video Slider #1
Details: A powerful dual-mode media section. Use it ...
CK - Video Slider #1
Details: A powerful dual-mode media section. Use it as an infinite auto-scrolling marquee or a manual swipeable carousel to showcase videos and images.
Layout: Switch between "Auto Scroll" (infinite loop) or "Manual Carousel" (swipe/click). Fully responsive with adjustable card sizes for Desktop, Tablet, and Mobile.
Video: Built for engagement. Supports inline autoplay videos or click-to-open popup modals. Includes custom play button options for static thumbnails.
Styling: Complete control over card dimensions, gaps, border radius, and hover "lift" effects for a premium feel.
CK Video with FAQ #1
Details: Combine visual storytelling with detailed a...
CK Video with FAQ #1
Details: Combine visual storytelling with detailed answers. This split-section pairs a video with an interactive FAQ accordion to educate customers instantly.
Layout: Flexible split-screen. Switch video position (Left/Right) or go Full-Width for a cinematic look .
Video: Versatile playback. Supports autoplay loops or click-to-play videos with custom cover images and play buttons
FAQ: Interactive & Clean. Features a collapsible list with optional icons, auto-open logic, and full color customization.
CK image banner #1
Details: Make a bold first impression with this high...
CK image banner #1
Details: Make a bold first impression with this high-conversion hero banner. Designed for landing pages, it packs social proof and clear calls-to-action right above the fold.
Layout: Fully responsive control. You can align content (Left/Center/Right) separately for Desktop and Mobile to ensure perfect readability on every device.
Media: Immersive backgrounds. Supports high-quality Images or Autoplay Videos with a smart gradient overlay to make your text pop.
Conversion Tools: Loaded with sales-boosting elements:
1. Social Proof: Star ratings and review text .
2. Key Features: Bullet points with icons to highlight benefits.
3. Action: Dual buttons (Primary & Secondary) and a "Trust Badge".
CK Logo Marquee #1
Details: Build instant credibility with an infinite ...
CK Logo Marquee #1
Details: Build instant credibility with an infinite scrolling logo bar. Perfect for displaying "As Seen On" media logos, partner brands, or payment icons in a smooth, continuous loop.
Layout: Fully responsive. You can adjust the scroll speed, logo size, and gap spacing separately for Desktop and Mobile to ensure it looks perfect on any screen .
Motion: smooth and interactive. Includes "Pause on Hover" so users can click links easily, and supports both Left-to-Right or Right-to-Left scrolling directions .
CK - Testimonial #2
Details: Display reviews in a trendy "Bento Box" sty...
CK - Testimonial #2
Details: Display reviews in a trendy "Bento Box" style. This section mixes customer quotes with photos or videos to build trust instantly.
Layout: A modern asymmetric grid. It creatively stacks text reviews and small media blocks on the left, paired with a large vertical image or video on the right.
Styling: Fully flexible. Customize colors, fonts, border radius, and "Zoom-on-Hover" effects to match your brand .
CK - FAQ #1
Details: Keep your page clean and organized while an...
CK - FAQ #1
Details: Keep your page clean and organized while answering customer questions. This collapsible FAQ section helps reduce support tickets by providing instant answers in a neat list format.
Layout: Vertical accordion style. You can adjust the gap between questions and control the corner radius (rounded or sharp) to match your site's design .
Functionality: Smooth interaction. Clicking a question smoothly expands the answer while automatically closing others, keeping the user focused .
Styling: Fully customizable. Control colors for the background, question text, answer text, and the expand/collapse icons .
CK - Testimonial #3
Details: Create a dynamic review wall. Mix text test...
CK - Testimonial #3
Details: Create a dynamic review wall. Mix text testimonials with photo or video blocks in a flexible grid layout to build trust.
Layout: Fully adjustable. Choose between 2 to 6 columns on Desktop and 1 or 2 columns on Mobile to fit your design perfectly.
Styling: Premium look. Each block can have its own background color, plus smooth "Zoom-on-Hover" effects for images and videos .
CK Scrolling Masonry #1
Details: Create a dynamic, Pinterest-style infinite ...
CK Scrolling Masonry #1
Details: Create a dynamic, Pinterest-style infinite scrolling gallery. Perfect for showcasing lookbooks or lifestyle imagery in a space-saving format.
Layout: Highly flexible. Choose Full-Width or Boxed layouts . Mix "Full Height" (single image) and "Split Height" (two stacked images) columns to build a true masonry effect .
Styling & Motion: Smooth auto-scroll with a "Pause on Hover" feature . Customize grid gaps, image corner radiuses, and add hover-zoom effects for a premium look .
CK Features Tab #1
Details: Organize complex product information into a...
CK Features Tab #1
Details: Organize complex product information into a clean, interactive tabbed interface. This section lets customers explore different features, materials, or benefits without endlessly scrolling down your page.
Layout: A smart, space-saving design. It features a horizontal tab menu at the top, paired with a dynamic 2-column layout (Text and Image) below. On mobile devices, it perfectly adapts into a single column with a swipeable, horizontal scrolling tab menu .
Content: Highly organized and focused. Each tab acts as its own slide, featuring a unique subheading, checkmark bullet points for key benefits, and a dedicated image . It also includes a persistent "Main Heading" to introduce the whole section.
Styling: Fully customizable to match your brand. You can easily adjust the active and inactive tab colors, text sizes, checkmark icon colors, and apply smooth border radiuses to both the tabs and images .
CK image banner #1
Details: Make a bold first impression with this high...
CK image banner #1
Details: Make a bold first impression with this high-conversion hero banner. Designed for landing pages, it packs social proof and clear calls-to-action right above the fold.
Layout: Fully responsive control. You can align content (Left/Center/Right) separately for Desktop and Mobile to ensure perfect readability on every device.
Media: Immersive backgrounds. Supports high-quality Images or Autoplay Videos with a smart gradient overlay to make your text pop.
Conversion Tools: Loaded with sales-boosting elements:
1. Social Proof: Star ratings and review text .
2. Key Features: Bullet points with icons to highlight benefits.
3. Action: Dual buttons (Primary & Secondary) and a "Trust Badge".
CK Customer Testimonial Showcase #2
Details: This section displays customer testimonials...
CK Customer Testimonial Showcase #2
Details: This section displays customer testimonials in a clear, organized grid layout. It is designed to build social proof and trust by showcasing positive feedback in a prominent, dedicated space.
Layout: A static, multi-column grid that can display up to four testimonial cards at a time. The layout is ideal for presenting a fixed set of reviews without a slider function.
Colors: Change the background color of the entire section (dark green), the testimonial card backgrounds (light green), and all text elements. The star ratings and reviewer initials can also be customized.
Typography: Select custom fonts and adjust sizes for the main heading ("OUR CUSTOMER FEEDBACK"), the subheading, review text, and reviewer names.
Content: Each card includes a space for the reviewer's initials, their full name, a star rating (from 1 to 5), and the body of the review.
CK Scrolling Masonry #1
Details: Create a dynamic, Pinterest-style infinite ...
CK Scrolling Masonry #1
Details: Create a dynamic, Pinterest-style infinite scrolling gallery. Perfect for showcasing lookbooks or lifestyle imagery in a space-saving format.
Layout: Highly flexible. Choose Full-Width or Boxed layouts . Mix "Full Height" (single image) and "Split Height" (two stacked images) columns to build a true masonry effect .
Styling & Motion: Smooth auto-scroll with a "Pause on Hover" feature . Customize grid gaps, image corner radiuses, and add hover-zoom effects for a premium look .
CK - FAQ #1
Details: Keep your page clean and organized while an...
CK - FAQ #1
Details: Keep your page clean and organized while answering customer questions. This collapsible FAQ section helps reduce support tickets by providing instant answers in a neat list format.
Layout: Vertical accordion style. You can adjust the gap between questions and control the corner radius (rounded or sharp) to match your site's design .
Functionality: Smooth interaction. Clicking a question smoothly expands the answer while automatically closing others, keeping the user focused .
Styling: Fully customizable. Control colors for the background, question text, answer text, and the expand/collapse icons .
CK Contact Form with Info Card #1
Details: This clean and organized section is designe...
CK Contact Form with Info Card #1
Details: This clean and organized section is designed to make it easy for customers to get in touch. The two-column layout neatly separates key contact information from the main inquiry form.
Layout: A two-column structure with contact information cards on the left and a dedicated contact form on the right. The entire section is contained within a rounded-corner frame.
Content: The section includes a customizable heading (e.g., "Get in Touch With Us") and a subheading. The left side features cards for location, phone number, and email, each with a corresponding icon. The right side contains form fields for customer details and a message.
Colors: The background, form fields, and icons all use a soft, warm color palette that can be customized to match your brand's aesthetic.
CK Call to Action Bar #1
Details: This section is designed to encourage custo...
CK Call to Action Bar #1
Details: This section is designed to encourage customer engagement and drive conversions by presenting a clear and inviting call to action. The multiple contact options create a welcoming feel.
Layout: A single, prominent horizontal bar that contains a central text block and call-to-action elements.
Content: The section includes a customizable heading (e.g., "Need Assistance?"), a subheading, and multiple call-to-action options, such as a button and a contact number.
Colors: Customize the background color of the bar, the button colors, and all text elements.
CK Category Showcase Grid #1
Details: This unique section is designed to guide cu...
CK Category Showcase Grid #1
Details: This unique section is designed to guide customers to different product categories using a dynamic, asymmetrical grid layout. It combines prominent imagery with clear calls to action to drive conversions and improve navigation.
Layout: A two-column asymmetrical grid that features one large item on the left and two smaller, stacked items on the right.
Content: Each grid item is fully customizable with a large product image, a heading (e.g., "Explore Our Sneakers"), a descriptive paragraph, and a "Shop Now" button.
Colors: Each category can have its own distinct background color, allowing you to create visual separation and a vibrant, eye-catching design.
CK Partner & Media Logos #1
Details: This sleek section is designed to build cus...
CK Partner & Media Logos #1
Details: This sleek section is designed to build customer trust and establish your brand's reputation by showcasing the logos of respected partners or clients. It's a simple yet powerful way to leverage social proof.
Layout: A static, continuous horizontal bar that displays a list of logos. It is ideal for showcasing a curated selection of brands that you have worked with or are affiliated with.
Content: You can add a customizable headline (e.g., "Trusted by 500+ reputed brands:") and a collection of logos.
Logos: The key feature is the ability to upload or link to your chosen brand logos. The design is optimized for simple, monochromatic logos to maintain a clean aesthetic.
Colors: Change the background color of the entire bar and the color of all logos and text. The high-contrast design (dark background with light logos) is a key stylistic feature.
CK Service Features with Icon #1
Details: This elegant section is designed to highlig...
CK Service Features with Icon #1
Details: This elegant section is designed to highlight your brand's key benefits and value propositions. It uses a clean, grid-based layout with simple iconography to clearly communicate why customers should choose you.
Layout: A fixed, four-column grid that displays each value proposition in its own card. The design is minimalist and focuses on visual clarity.
Content: Each card is fully customizable, allowing you to add a bold title (e.g., "FREE SHIPPING"), a short description, and a matching icon.
Icons: A key feature is the ability to use a unique line-art icon for each benefit, visually reinforcing your message in a sophisticated way.
Colors: Change the background color, the card background color, and the color of all icons and text elements to fit your brand. The design works exceptionally well with a monochromatic color scheme.
Typography: Select custom fonts and adjust sizes for both the feature titles and descriptions.
CK Modern Image with Text #1
Details: This elegant and sophisticated section is d...
CK Modern Image with Text #1
Details: This elegant and sophisticated section is designed to showcase a product or a key feature using two prominent images alongside a list of compelling selling points. It's a highly effective way to provide a comprehensive visual and textual overview, building customer confidence and encouraging a purchase.
Layout: A flexible two-column structure featuring a text block and a media block. The media block is specifically configured to display two images side-by-side or stacked, allowing you to showcase multiple product angles or details at once.
Content: Easily customize the headline, the main paragraph, and the text for each of the bullet points.
Icons: Enhance the key points by adding customizable icons next to each bullet, visually reinforcing the benefits and making the section more engaging.
Media: Upload two high-resolution images to represent your product or feature, providing customers with more detail and context.
Button: Modify the text, link, and style of the call-to-action button.
Typography: Select custom fonts and adjust sizes for all text elements to match your brand.
Spacing: Fine-tune padding and margins for the entire section and adjust the spacing between elements for a perfect look.
CK Video with FAQ #1
Details: Combine visual storytelling with detailed a...
CK Video with FAQ #1
Details: Combine visual storytelling with detailed answers. This split-section pairs a video with an interactive FAQ accordion to educate customers instantly.
Layout: Flexible split-screen. Switch video position (Left/Right) or go Full-Width for a cinematic look .
Video: Versatile playback. Supports autoplay loops or click-to-play videos with custom cover images and play buttons
FAQ: Interactive & Clean. Features a collapsible list with optional icons, auto-open logic, and full color customization.
CK - Comparison - With - Text #1
Details: Showcase visual proof with an interactive "...
CK - Comparison - With - Text #1
Details: Showcase visual proof with an interactive "Before & After" slider. This section pairs a draggable image comparison with a text block to highlight product results instantly.
Layout: Flexible split design. You can flip the image position (Left/Right) and choose from 5 different aspect ratios (Square, Portrait, etc.) to fit your content perfectly.
Styling: Fully customizable. Control colors, fonts, buttons, and corner rounding to match your brand style.