Adding Media, Buttons & Links
Bring your landing page to life with visuals, calls to action, and clickable links that convert.
Your landing page is more than just text — media and interactivity make it engaging and actionable. In this guide, we’ll walk you through how to upload images and videos, create powerful call-to-action buttons, and insert external or internal links to guide your audience toward the next step.
What You Can Add
You can enhance any section of your landing page with:
- Images (JPG, PNG, SVG, or WebP)
- Embedded Videos (YouTube, Vimeo, or custom embed)
- CTA Buttons with custom links
- Text-based hyperlinks
- Social media icons or links
- File download links (PDF, Docs, ZIP)
Adding & Editing Media
Images
To insert or replace an image:
- Click on the image placeholder or the “Add Image” button.
- Upload from your device or choose from the Media Library.
- Set image properties:
- Alt text for accessibility
- Image fit: cover, contain, or original size
- Rounded corners or border options (optional)
- Alignment (left, right, center)
✅ Tip: Use high-resolution images under 1MB for fast loading.
Adding Buttons & CTAs
Buttons help drive action — whether it's buying, booking, or downloading.
To add a button:
- Click “Add Button” in the desired section.
- Set:
- Button Text (e.g., “Buy Now”, “Get Access”)
- Link Type: external URL, anchor link, email, phone, or file download
- Open in new tab (optional)
You can also:
- Add multiple buttons in one section
- Change button style: rounded, ghost, outline, filled
- Customize colors, icons, and size
Button Examples:
- “📥 Download Guide” → Link to PDF
- “💬 Chat on WhatsApp” → Link with wa.me
- “🛒 Buy Now” → Product checkout link
- “📅 Book a Session” → Booking calendar
Social Media & External Links
Add icons or text links to:
- Instagram, TikTok, YouTube, Twitter/X, LinkedIn
- Patreon, Saweria, Gumroad
- Any custom profile or store
These can be added in:
- Footer
- Header
- Bio or CTA section
🔧 You can customize icons, size, and placement through the Section Style Panel.
Best Practices
- 🖼️ Keep image sizes under 1MB for fast load
- 🧭 Place your main CTA button above the fold
- 🔗 Limit to 1–2 clear actions per section
- 🎥 Use video only where it adds value (e.g., demo, testimonial)
- 📲 Always preview links on mobile view for usability