Custom CSS & Code

Advanced customization using custom CSS, HTML, and JavaScript for complete design control.

Adding Custom CSS

Apply custom styles to any element:

1. Select an element in the editor
2. Open the "Advanced" tab in the right sidebar
3. Scroll to "Custom CSS"
4. Enter your CSS rules
5. Changes apply instantly

.button {
  background: linear-gradient(to right, #3b82f6, #8b5cf6);
  border-radius: 12px;
  padding: 16px 32px;
  transition: transform 0.3s;
}

.button:hover {
  transform: scale(1.05);
}

Global Styles

Add CSS that applies to your entire funnel:

• Go to Funnel Settings → Custom Code
• Add CSS in the "Head Section"
• Use CSS variables for consistency
• Import custom fonts from Google Fonts

Custom JavaScript

Add interactive functionality:

• Tracking pixels and analytics
• Third-party chat widgets
• Custom form validation
• Interactive animations