Overview
The Advertorial section is a powerful content management system designed for creating engaging, conversion-focused landing pages. It's perfect for product launches, promotional campaigns, and educational content that drives sales.
Getting Started
•Creating an Advertorial Page
1. Go to Online Store > Pages in your Shopify admin
2. Click Add page
3. Set the page title (e.g., "PDRN Beauty Guide")
4. In the Page Template selection, select: 'advertorial' or 'listicle'
5. Save the page
6. The page will now use the advertorial template with all available content blocks & without header and footer from your shopify theme.
2. Accessing the Theme Editor
1. Go to Online Store > Themes
2. Click Customize on your active theme
3. Navigate to your advertorial page
4. You'll see the Advertorial section with all available blocks
__________________
Content Blocks Overview
The advertorial section includes 15+ specialized content blocks:
Core Content Blocks
1. Top Header (`top_header`)
Creates an attention-grabbing header with branding elements.
- Main Text: Primary category or topic
- Sub Text: Secondary category
- Trending Icon: Optional trending/social proof icon
- Trending Text: Social proof text (e.g., "Trending on TikTok")
- Styling: Colors, sizes, padding, and typography controls
2. Headline (`headline`)
Main page headlines with flexible styling options.
- Headline Text: Primary headline with rich text support
- Subheadline: Optional secondary headline
- Font Controls: Family, weight, size, text transform
- Italic Font Family: Separate font for italic text
- Styling: Colors, padding, and responsive sizing
3. Text (`text`)
Rich text content blocks for body copy.
- Rich Text Editor: Full formatting capabilities
- Text Highlighting: Custom highlight colors and backgrounds
- Accent Text: Special styling for important text
- Responsive Sizing: Desktop and mobile text sizes
4. Image (`image`)
Image blocks with optional captions.
- Image Upload: High-quality product/lifestyle images
- Rich Text Caption: Optional image descriptions
- Border Radius: Rounded corners
- Responsive Sizing: Different sizes for desktop/mobile
5. Author (`author`)
Author information and credibility elements.
- Author Image: Profile photo or avatar
- Author Name: Byline text
- Verification Badge: Optional verified checkmark
- Date: Publication date
- Styling: Sizes, colors, and spacing
Social Proof Blocks
6. Rating Summary (`rating_summary`)
Overall product ratings and review counts.
- Rating: Star rating (1-5)
- Review Count: Number of reviews
- Star Color: Custom star colors
- Sizing: Responsive star and text sizes
7. Customer Review (`customer_review`)
Individual customer testimonials.
- Customer Avatar: Profile photo
- Customer Name: Reviewer name
- Verification: Verified purchase badge
- Rating: Star rating
- Review Title: Testimonial headline
- Review Text: Full testimonial content
- Styling: Colors, borders, shadows, and sizing
8. Comments (`comments`)
Social proof through user comments.
- Multiple Comments: Up to 6 comment threads
- User Avatars: Profile photos
- Like Counts: Social engagement metrics
- Timestamps: When comments were posted
- Replies: Nested comment responses
- Styling: Background, text colors, and spacing
Interactive Elements
9. Button (`button`)
Call-to-action buttons with full customization.
- Button Text: Rich text support for styling
- Button URL: Link destination
- Button Width: Full width or auto
- Styling: Colors, borders, radius, padding
- Alignment: Left, center, or right
10. Countdown Timer (`countdown_timer`)
Urgency-creating countdown timers.
- Title & Subtitle: Timer descriptions
- Timer Settings: Days, hours, minutes, seconds
- Completion Text: What shows when timer ends
- Styling: Colors, sizes, padding, borders
- Responsive: Different sizes for mobile/desktop
Layout Blocks
11. Two Column (`two_column`)
Side-by-side content layout.
- Image Position: Left or right
- Image: Product or lifestyle image
- Title: Column headline
- Text: Rich text content
- Button: Optional CTA button
- Styling: Colors, spacing, alignment
12. Right Column (`right_column`)
Sidebar content with product info and reviews.
- Product Info: Title, image, pricing
- CTA Button: Call-to-action
- Reviews: Star ratings and breakdown
- Countdown Timer: Optional urgency element
- Guarantee Text: Trust signals
- Styling: Background, borders, shadows
Content Organization
13. Bullet Points (`bullet_points`)
Feature lists and benefits.
- Up to 6 Points: Individual benefit statements
- Icons: Arrow, checkmark, or custom icons
- List Size: Small, medium, or large
- Styling: Background, borders, colors, spacing
14. Promotional (`promotional`)
Special offer and discount blocks.
- Headline: Promotional message
- Button: CTA with URL
- Product Image: Featured product
- Guarantee Text: Trust signals
- Styling: Background, borders, shadows, colors
15. Footer (`footer`)
Page footer with copyright and links.
- Footer Text: Rich text content
- Styling: Background, text colors, borders, padding
Best Practices
Content Structure
1. Start with Top Header - Establish credibility and topic
2. Use Headlines - Break content into digestible sections
3. Add Social Proof - Include ratings, reviews, and testimonials
4. Create Urgency - Use countdown timers and limited offers
5. End with CTA - Clear call-to-action buttons
Design Tips
- Consistent Colors: Use your brand colors throughout
- Mobile-First: Test on mobile devices regularly
- White Space: Don't overcrowd content blocks
- Visual Hierarchy: Use different headline sizes to guide reading
- High-Quality Images: Use professional product photos
Conversion Optimization
- Social Proof: Include customer reviews and ratings
- Urgency: Use countdown timers and limited-time offers
- Trust Signals: Add guarantees and verification badges
- Clear CTAs: Make buttons prominent and action-oriented
- Scarcity: Mention limited stock or time-sensitive offers
Section Settings
Global Settings
- Color Scheme: Apply theme color schemes
- Max Width: Control content width (default: 1020px)
- Section Padding: Top and bottom spacing
Layout Options
- Single Column: Full-width content
- Two Column: Content with sidebar
- Responsive: Automatic mobile optimization
Preset Templates
The section includes three preset templates:
1. Content Section: Basic content blocks
2. Content Section with Review: Includes customer testimonials
3. Content Section with Sidebar: Full layout with right column
4. Content Section with Footer: Complete page with footer
Performance Tips
- Optimize images: Use WebP format when possible
- Limit content blocks: Too many blocks can slow loading
- Test on mobile: Always preview on mobile devices
- Use CDN: Ensure images are served from fast CDN
0 comments