Now that you have a WordPress blog (from Part 1), it’s time to turn it into a professional website—no coding, no design skills required. Elementor (the #1 WordPress page builder) lets you drag-and-drop elements to create stunning pages that convert affiliate traffic into commissions. This guide walks you through designing your homepage, blog page, and affiliate landing page—plus, we’ll add 2 must-have tools to boost speed and conversions.

Why Elementor Is a Zero-Coder’s Best Friend

Elementor powers 8+ million websites—and for good reason:

• 100% Visual Drag-and-Drop: Move buttons, images, and text with your mouse—see changes in real time.
• 500+ Free Templates: Start with a professional design (no blank-page panic) and customize it.
• Affiliate-Friendly: Built-in CTAs, landing page templates, and mobile optimization (60% of affiliate traffic is mobile).
• Easy Affiliate Program: Approves in 24 hours, 30% recurring commissions (earn monthly for every referral).

My result: I redesigned my affiliate blog with Elementor in 1 hour—bounce rate dropped by 32%, and affiliate link CTR increased by 45%.

Step 1: Install Elementor (Free Version + Upgrade Perks)

If you followed Part 1, you have WordPress and Hostinger—now add Elementor:

1. In your WordPress dashboard, go to “Plugins” → “Add New”.
2. Search for “Elementor” → Click “Install Now” → “Activate”.
3. Claim Your Exclusive Deal: Use this affiliate link to get 10% off Elementor Pro (unlocks premium templates and features like form builder—worth it for affiliate sites).

Why Elementor Pro Is Worth It for Affiliates:

• Affiliate Landing Page Templates: 100+ pre-built templates for product reviews, “best of” lists, and lead magnets.
• Popup Builder: Create high-converting popups (e.g., “Download my free affiliate guide”) to grow your email list.
• Global Widgets: Update CTAs (with your affiliate links) across your entire site in 1 click.

👉 Get Elementor Pro 10% Off (Affiliate Landing Pages Included)

Step 2: Design Your Homepage (20 Minutes, Zero Coding)

Your homepage is the first impression—use Elementor’s free template to make it professional:

1. Go to “Pages” → “Add New” → Title it “Home”.
2. Click “Edit with Elementor” → In the left sidebar, click the “Template Library” icon (🔍).
3. Search for “Affiliate Blog” → Select a free template (I recommend “Affiliate Review” or “Blog Homepage”).
4. Click “Insert” → Customize with your brand:
   • Logo: Click the logo placeholder → Upload your logo (use Canva to make a free one in 5 minutes).
   • Headline: Change to your value proposition (e.g., “Zero-Code Affiliate Tools That Make You Money”).
   • CTA Button: Link to your most popular affiliate post (e.g., “10 Best AI Tools for Affiliates”)—use Elementor’s “Button” widget to make it stand out (red or green works best for conversions).
   • Images: Replace stock images with free ones from Unsplash (search for “affiliate marketing” or “blogging”).

Step 3: Design Your Blog Page (15 Minutes)

Make your blog page easy to navigate so users find your affiliate content:

1. Go to “Pages” → “Add New” → Title it “Blog”.
2. Edit with Elementor → Add the “Posts” widget.
3. Customize:
   • Layout: Choose “Grid” (3 columns—mobile-friendly).
   • Show Excerpts: Enable excerpts (use the excerpts we created earlier to highlight affiliate value).
   • Add Read More Buttons: Link to full posts—use Elementor’s “Read More” widget with a custom text (e.g., “Learn How to Earn Commissions”).

Step 4: Design an Affiliate Landing Page (25 Minutes)

Landing pages are critical for affiliate conversions—use Elementor to create one for your top tool (e.g., Hostinger or Elementor):

1. Go to “Pages” → “Add New” → Title it “Best Hosting for Affiliate Blogs”.
2. Edit with Elementor → Use the “Landing Page” template (Pro version required, but worth it).
3. Add these elements (drag-and-drop):
   • Headline: “Hostinger: $2.49/month + Free Domain for Affiliate Blogs”.
   • Image: Screenshot of Hostinger’s dashboard (use Elementor’s “Image” widget).
   • Bullet Points: List benefits (e.g., “1-Click WordPress Install”, “24/7 Support”, “Free SSL”).
   • CTA Button: Link to your Hostinger affiliate link → Text: “Claim 70% Off + Free Domain”.
   • Social Proof: Add a “Testimonial” widget (e.g., “I saved $100/year with Hostinger—5/5 stars!”).

Step 5: Boost Speed with ShortPixel (5 Minutes, 30% Commission)

Slow websites kill conversions—ShortPixel compresses images to make your site load 2x faster (affiliate program approves instantly, 30% recurring commissions).

How to Install ShortPixel:

1. Go to “Plugins” → “Add New” → Search for “ShortPixel Image Optimizer”.
2. Install → Activate → Go to “Settings” → “ShortPixel”.
3. Use this affiliate link to sign up for a free account (500 free image compressions/month).
4. Enter your API key (sent to your email) → Enable “Auto-Compress New Images” and “WebP Conversion” (faster image format).

Why ShortPixel Is a Must:

• Google Loves Fast Sites: Core Web Vitals (speed) is a ranking factor—ShortPixel helps you pass.
• Better User Experience: Users stay 3x longer on fast sites—more time to click your affiliate links.

👉 Get ShortPixel Free (500 Compressions/Month + 30% Commission)

Pro Design Tips for Affiliate Sites (2026)

1. Stick to 2-3 Colors: Use your brand color + white + one accent color (e.g., blue + white + orange)—too many colors confuse users.
2. Make CTAs Stand Out: Use bold fonts, bright colors, and large buttons—place them above the fold (no scrolling needed).
3. Optimize for Mobile: Use Elementor’s “Mobile Preview” (bottom left) to ensure buttons and text are easy to tap.
4. Add Internal Links: Link from your homepage to affiliate posts (e.g., “Learn how to start an affiliate blog” → links to your Hostinger review)—boosts SEO and conversions.

FAQ: Designing a Website with Elementor

Q: Can I use Elementor for free?

A: Yes—the free version lets you design basic pages. Pro is worth it for affiliate sites (unlocks landing pages and popups), but you can start free.

Q: How long does it take to design a website?

A: 1-2 hours for a homepage, blog page, and landing page—faster if you use templates.

Q: Do I need design skills?

A: No—Elementor’s templates do the design work for you. Just swap in your content and affiliate links.

Final Thoughts: Your Website Looks Professional—Now Optimize for SEO

You’ve designed a stunning, zero-code website with Elementor and ShortPixel. Next, we’ll optimize it for Google (so you get free organic traffic) and manage your affiliate links like a pro in Part 3.

👉 Upgrade to Elementor Pro (10% Off + Affiliate Landing Pages)

👉 Get ShortPixel Free (Speed Up Your Site + Earn Commissions)

👉 Read Part 3: SEO + Affiliate Links (Make Money from Your Site)

Disclosure: This post contains affiliate links. If you click through and make a purchase, I may earn a commission at no extra cost to you. All tools are tested and recommended based on my personal experience designing zero-code affiliate sites.