Skip to main content

Templates Overview

XBuilder includes over 200 professionally designed templates to help you get started quickly. Each template is fully customizable and optimized for conversions.

Template Categories​

CategoryTemplatesDescription
Popup86+Classic modal popups
Floating Bar34+Top/bottom notification bars
Slide-in38+Slide-in from corners
Sidebar8+Side panel overlays
Fullscreen11+Full-page takeovers
Video21+Video-focused popups

Using Templates​

Accessing the Library​

  1. Click Library in the header (or press L)
  2. Browse categories using the tabs
  3. Preview templates by clicking them
  4. Click Use Template to load into editor

Template Preview​

When previewing a template, you can:

  • See the full design
  • Check responsive behavior
  • View on different devices

Loading a Template​

When you load a template:

  • Your current work is replaced
  • All template settings are applied
  • You can immediately start customizing
Current Work

Loading a template replaces your current popup. Save your work first if needed.

Customizing Templates​

Every template is fully editable:

Content​

  • Change all text and headings
  • Replace images
  • Update buttons and links
  • Modify form fields

Styling​

  • Adjust colors to match your brand
  • Change fonts
  • Modify spacing and layout
  • Update borders and shadows

Behavior​

  • Change triggers
  • Adjust timing
  • Configure cookie settings
  • Set targeting rules

Template Design Styles​

Our templates cover various design aesthetics:

StyleDescription
MinimalClean, simple designs
ModernContemporary, trendy
BoldHigh-contrast, attention-grabbing
ElegantSophisticated, premium
PlayfulFun, colorful
CorporateProfessional, business

Finding the Right Template​

By Use Case​

GoalRecommended
Email capturePopup, Slide-in
AnnouncementsFloating Bar
Video contentVideo templates
Welcome messageFullscreen
Contact formSidebar, Popup
Cookie noticeFloating Bar
Exit offersPopup with exit trigger

By Industry​

Templates work across industries. Look for:

  • E-commerce: Sales, discounts, cart abandonment
  • SaaS: Free trials, demos, feature announcements
  • Content: Newsletter signup, content upgrades
  • Services: Contact forms, scheduling

Template Tips​

  1. Start with close match — Choose a template near your vision
  2. Customize colors first — Quick branding update
  3. Keep structure — Templates are optimized layouts
  4. Update all content — Replace placeholder text
  5. Test on mobile — Verify responsive behavior

Creating Custom Templates​

You can save your own designs:

  1. Build your popup
  2. Export the JSON configuration
  3. Save for future use
  4. Import to reuse

Template Updates​

Our template library is regularly updated with:

  • New designs
  • Seasonal templates
  • Industry-specific templates
  • Design trend updates

Check the library regularly for new additions.

Next Steps​

Explore each category: