Skip to main content

Posts

How to Add a Social Proof Block in Shopify Product Page (Dawn Theme)

 Adding social proof to your product pages can significantly increase trust and conversion rates. In this tutorial, we'll show you how to add a stylish Verified Testimonials block to your Shopify store using the Dawn theme . This block displays user avatars, names, and a verified icon—all customizable from the theme editor. ✅ Step 1: Open the main-product.liquid file Go to your Shopify Admin. Navigate to: Online Store → Themes → Edit code . Open the file: sections/main-product.liquid . Now add this code exactly as I’ve shown in the video — and yes, make sure to test it on a duplicate theme first! Full Code {%- when 'verified-testimonials' -%} <style> .verified-testimonials-container-{{block.id}} .verified-testimonials-user-icon-img-class { width: {{block.settings.verified_use...
Recent posts

How to Add a Double FAQ Section in Shopify

 A well-structured FAQ section helps customers find answers quickly, improving user experience and boosting conversions. If you're looking to add a double FAQ section in Shopify—where two sets of FAQs appear side by side—this guide will walk you through the process step by step. Step 1: Understanding the Double FAQ Section A double FAQ section divides questions and answers into two columns, making it visually appealing and easier to navigate. This layout is particularly useful when categorizing FAQs into different sections, such as Shipping & Returns on one side and Product Information on the other. Step 2: Create a New Section in Shopify To add a custom double FAQ section, follow these steps: Login to Your Shopify Admin Panel. Navigate to Online Store > Themes > Actions > Edit Code . Under the Sections directory, click Add a new section . Name it double-faq and click Create section . Step 3: Add Code for the Double FAQ Section Replace the default code in double-f...

How to Create a Stunning Shopify Section with Image & Info Cards

A visually engaging Shopify store helps convert visitors into customers. One of the best ways to enhance your store design is by incorporating a Feature Section with an image and informative cards. This guide will walk you through adding a customizable section that combines a main image with text blocks to highlight key features of your brand or product.  Why Use an Image & Info Card Section? Visually Appealing: A clean layout with a combination of an image and text improves the store’s aesthetic. Flexible Layouts: Choose whether the image appears on the left or right. Easy Customization: Modify colors, padding, and text to fit your brand. Engaging Content: Informative cards allow you to showcase key benefits or features. How to Add This Section to Your Shopify Store Follow these steps to integrate the Image & Info Card Section into your Shopify theme. Step 1: Add the Code to Your Theme Go to Online Store > Themes > Edit Code , and under the Sections folder, clic...

How to Create a Dynamic YouTube Video Slider in Shopify

 A visually engaging website can make all the difference in capturing customer attention and increasing conversions. One powerful way to achieve this is by adding a dynamic YouTube video slider to your Shopify store. A video slider can showcase your brand’s story, highlight product features, or share customer testimonials, all in an interactive format. In this blog, we’ll walk you through the step-by-step process to create a YouTube video slider in Shopify. Why Add a YouTube Video Slider to Your Shopify Store? Before diving into the technical steps, here are a few reasons to add a video slider to your site: Enhanced User Engagement: Videos are more engaging than static images or text. They grab attention and convey more information in a shorter time. Improved SEO: Embedding YouTube videos can boost your website’s SEO as videos keep visitors on your page longer. Mobile-Friendly Content: Video sliders are responsive and look great on all devices, ensuring a seamless shopping expe...

How to Create a Before-and-After Image Slider in Shopify

 A before-and-after image slider is a great feature to showcase visual transformations, whether it's for product makeovers, design changes, or customer testimonials. This feature can add an interactive touch to your Shopify store, helping to engage visitors and highlight the value of your offerings. In this guide, we’ll walk you through the steps to create a before-and-after image slider in Shopify. Before diving into the technical setup, ensure you have the before and after images ready: Use images of the same size for smooth sliding. Optimize images for web use to improve loading speed. 1. Access the Theme Code Editor Log in to your Shopify admin panel. Go to Online Store > Themes . Click Actions > Edit Code . Full Code <style> .cs-before-after-content--{{ section.id }} img { max-width: 100%; height: auto; vertical-align: bottom; } ...

🔥 How to Create Stunning Section Dividers in Shopify

 Creating visually striking section dividers is a fantastic way to enhance the design and flow of your Shopify store. Section dividers can break the monotony of a page, guide the user’s eye, and add a professional touch to your site’s layout. In this blog, we'll explore how to create custom section dividers in Shopify using Liquid , CSS , and Schema options for maximum flexibility. 🛠 Why Use Section Dividers? Improve Visual Appeal : Add flair to your design and make transitions between sections seamless. Enhance Branding : Use custom shapes or patterns that reflect your brand identity. Guide User Attention : Direct users to specific sections like promotions, testimonials, or CTAs. Create Distinction : Separate content effectively to improve readability and layout organization. 📝 How to Add Custom Section Dividers in Shopify Follow these steps to create and customize section dividers: 1️⃣ Add a Section File Log in to your Shopify admin and navigate to Online Store > Themes . C...