Getting Started

Create your first landing page with SkunkPages in minutes.

Overview

SkunkPages provides 22 professionally designed blocks that you can use to build high-converting landing pages. Each block is fully customizable and mobile-responsive.

Creating Your First Page

Step 1: Create a New Page

1. In WordPress admin, go to Pages → Add New
2. Enter a page title (e.g., "Home" or "Landing Page")
3. The block editor will open

Step 2: Add SkunkPages Blocks

1. Click the (+) button to open the block inserter
2. Search for "SkunkPages" or "Skunk"
3. Browse through the available blocks
4. Click on any block to add it to your page

Step 3: Customize Your Blocks

Each block has customization options in the right sidebar:

• Content: Edit text, headings, and descriptions
• Colors: Change background, text, and button colors
• Spacing: Adjust padding and margins
• Layout: Configure columns and alignment
• Images: Upload or select from media library

Step 4: Preview and Publish

1. Click Preview to see how your page looks
2. Test on mobile by resizing your browser
3. When satisfied, click Publish

Key Concepts

Block Categories

SkunkPages blocks are organized into categories:

• Hero Sections - Eye-catching headers with CTAs
• Features - Showcase product features and benefits
• Testimonials - Display customer reviews
• Pricing - Present pricing tables and plans
• CTAs - Call-to-action sections
• Forms - Contact and signup forms
• Content - Text, images, and media sections

Responsive Design

All SkunkPages blocks are fully responsive and mobile-optimized:

• Automatically adjust layout for tablets and phones
• Optimize font sizes for readability
• Stack columns on smaller screens
• Touch-friendly buttons and interactions

Page Templates

SkunkPages includes pre-built page templates:

1. Click the SkunkPages icon in the toolbar
2. Browse available templates
3. Click to insert entire page layouts
4. Customize to match your brand

Common Use Cases

Landing Page

Perfect for product launches and campaigns:

1. Hero Section with headline and CTA
2. Features block highlighting benefits
3. Testimonials from customers
4. Pricing table
5. Final CTA section

Product Page

Showcase a product or service:

1. Product hero with image
2. Key features grid
3. How it works section
4. Customer testimonials
5. Pricing and purchase CTA

Services Page

Present your services professionally:

1. Services hero
2. Service cards grid
3. Process timeline
4. Case studies or portfolio
5. Contact form

Tips for Success

Design Consistency

• Use the same color scheme throughout
• Maintain consistent button styles
• Keep font hierarchy clear
• Use spacing consistently

Performance

• Optimize images before uploading
• Use appropriate image sizes
• Enable caching plugins
• Test page load speed

Conversion Optimization

• Clear, compelling headlines
• Strong calls-to-action
• Social proof (testimonials)
• Reduce friction in forms
• Mobile-first design

Next Steps

• Block Reference - Complete guide to all 22 blocks
• Customization - Advanced styling options
• Troubleshooting - Common issues and solutions

Need Help?

• Browse the full documentation
• Join our community forum
• Contact support@skunkglobal.com