Why you need this
The previous builder lacked modular widget support and flexibility, making it difficult to optimize campaigns fully. With our new builder, we’ve solved these pain points by offering:
A user-friendly experience for marketers and businesses who want to launch campaigns quickly without coding.
Advanced customization tools for designers and developers to fine-tune every detail.
Seamless integration with all Viral Loops widgets—just drag and drop, no code required.
Ready-made templates tailored to different use cases to allow fast deployment (with more templates coming soon!).
The Keys
1. Fully Hosted Pages Tailored to Your Use Case
Your landing page is built for your specific campaign goals, with optimized layouts that ensure maximum conversions. Even if you don’t have a custom theme, you can create an effective, high-performing page.
2. Seamless Integration with Viral Loops Widgets
Unlike our legacy builder, the new version fully supports all Viral Loops widgets, including modular widgets and the progress tracking widget. No extra configurations are needed—drag, drop, and customize.
3. A Growing Collection of Landing Page Sections
While we are constantly adding more templates, the builder already has flexible, reusable sections that you can mix and match to design the perfect page for your campaign.
4. Built for Performance: Responsive and Grid-Based Layouts
Your landing pages will look great on all devices, thanks to our responsive design framework. The grid-based layout ensures a structured and aesthetically pleasing design regardless of content length.
5. Customization for Designers and Developers
For those who want complete control, the builder supports:
Custom components and frames
Advanced settings for fine-tuning design elements
Live preview across desktop, tablet, and mobile
Live preview based on participation state (Before / After Joining)
Custom CSS and code editing capabilities
The Extra Mile
Beyond the builder itself, Viral Loops landing pages come with additional benefits that give you full control over your campaign’s branding and analytics:
Custom domain support to ensure a branded experience.
Full support for Open Graph metadata to optimize how your pages appear on social media.
Custom CSS will tweak the styling to your preference.
Integration with all types of analytics and telemetry tools so you can track performance and optimize conversions in real-time.
Getting More Technical: Advanced Features for Power Users
For those looking to fine-tune their designs, the builder offers advanced styling features such as:
Box shadows and backgrounds to create depth and visual interest.
Detailed typography settings to match your brand identity.
Advanced spacing controls to perfect layouts.
Getting Started
To begin, open your campaign and navigate to the Page Builder section. From there, you can create a new landing page or edit an existing one. The editor gives you a live preview of your page, allowing you to instantly see changes while building.
Watch the Getting Started Video Tutorial
The builder is based on sections and blocks. You can add, remove, duplicate, or rearrange sections using drag-and-drop controls. This makes it easy to create custom layouts without touching code. Viral Loops also supports responsive layouts, so your page automatically adapts to desktop and mobile devices.
Adding Content and Widgets
One of the biggest advantages of the new builder is the ability to add Viral Loops widgets directly into your page. Instead of manually embedding code, you can simply drag widgets into the layout.
Some commonly used widgets include:
Signup forms
Referral tracking widgets
Milestone or reward sections
Leaderboards
Custom text and image blocks
This allows you to create a complete referral experience inside a single landing page. The editor also lets you customize spacing, alignment, typography, and images to better match your brand.
Customizing the Design
The builder includes several customization options to help create a professional-looking campaign page.
Watch the Customization Video Tutorial
You can:
Change colors and backgrounds
Add images and logos
Adjust spacing and layouts
Create multiple content sections
Rearrange blocks visually
The page builder was created to reduce the need for custom development while still giving enough flexibility for advanced campaign pages. According to Viral Loops, the goal is to provide a more user-friendly and developer-friendly experience for campaign creation.
Preview and Optimization
Before publishing your page, you can preview how it looks across different devices and participation states. This helps ensure that users have a smooth experience no matter where they access the campaign.
The builder also supports analytics and tracking integrations, making it easier to monitor campaign performance and optimize conversions over time.
Final Thoughts
The new Viral Loops Page Builder simplifies the process of building referral campaign pages. With drag-and-drop editing, responsive layouts, and direct widget integration, teams can launch campaigns faster and with less technical effort.
Whether you are creating a prelaunch page, a referral program, or a giveaway campaign, the builder gives you the tools to create fully customized experiences inside Viral Loops.
..and that's all 😎
Did this article help? Let us know!
If you need more help, please send us a message to support@viral-loops.com! Our team will be happy to assist you further!
