LeadsWithDemos Documentation



At the heart of the design functionality in LeadsWithDemos is the ability to customize the look and feel of your site, and therefore your lead capturing landing pages. This includes establishing default values for design elements, accessible and modifiable directly from the page builder in the page section. Whether you’re aiming to extend the brand identity to your LeadsWithDemos landing pages or looking to make each lead capturing page distinct, this feature provides the necessary flexibility and control for both objectives.

Key Features

Site and Logo Customization

Infuse your site with unique flair by uploading custom logos and favicons, ensuring your brand is prominently displayed and easily recognizable.

Background Settings

Customize the background color of your site and lead capturing landing pages, aligning these elements with your brand’s color scheme or design preferences.

Navigation and Footer Customization

Optimize lead navigation by selectively showing or hiding menus and footers across your site or landing pages. This is particularly beneficial for crafting streamlined landing pages without distractions.

Typography and Text Style

Select from a diverse range of fonts and define styles for titles, body text, and links. This feature enables uniformity in readability and aesthetics throughout your LeadsWithDemos site.

Button and CTA Design

Enhance leads engagement with customizable buttons and call-to-action (CTA) elements. Modify text size, color, border radius, and hover effects to make your CTAs more prominent and inviting for lead interaction.

Responsive Mobile Design

Guarantee a visually appealing and functional LeadsWithDemos site on all devices. Tailor mobile-specific elements, such as logos and navigation menus, to ensure a seamless mobile user experience.

The design functionality in LeadsWithDemos is more than just about making your site look good; it’s about creating an engaging, user-friendly experience that resonates with your leads. By utilizing these tools, you can ensure that your site not only captures attention but also effectively communicates your message and drives leads conversion.

To access the design section in LeadsWithDemos, navigate to Site > Design. In this section, you will encounter various tabs, each offering specific customization options.

In addition to the tabs, you will find two main buttons: the Reset button and the Save button.


The Reset button allows you to revert all values across all tabs to their original settings. This is useful if you have made changes during the personalization process and wish to start over.


The Save button enables you to apply and preserve all the changes you’ve made in the various tabs of the design section. Once you click Save, your customizations will be immediately implemented across your site or lead capturing landing pages. It’s essential to use this feature after making adjustments to ensure that your personalizations are not lost and are visible on your live site.

General Tab

Optimize your LeadsWithDemos site with the General Tab: change logos and favicons, customize background colors, and manage navigation and footer settings effortlessly.

Font Tab

Set typography standards across LeadsWithDemos pages using the Font tab. Customize fonts, sizes, line heights, and colors to ensure consistency and enhance readability on your site.

Buttons Tab

Customize button design in LeadsWithDemos' Buttons Tab. Adjust text size, style, color, background, borders, and hover effects for a consistent and engaging user experience.

Navigation Tab

Enhance your site's navigation with LeadsWithDemos' customizable Navigation tab. Personalize menus, site names, and CTA buttons for a cohesive and functional design.

Mobile Tab

Tailor your LeadsWithDemos site’s mobile navigation for an optimized mobile experience. Customize mobile menus, submenu styles, and logos to enhance user engagement.