Skip to content
  • Solutions
    By Role
    • For Developers
    • For Content Managers
    • For Agencies
    • For IT Admins
    • For Web Hosters
    • For Developers
    • For Content Managers
    • For Agencies
    • For IT Admins
    • For Web Hosters
    By Infrastructure
    • Overview
    • AWS
    • Microsoft Azure
    • Alibaba Cloud
    • Google Cloud Platform
    • Vultr
    • Overview
    • AWS
    • Microsoft Azure
    • Alibaba Cloud
    • Google Cloud Platform
    • Vultr
    • Digital Ocean
    • Linode
    • Upcloud
    • Oracle
    • OVH
    • Digital Ocean
    • Linode
    • Upcloud
    • Oracle
    • OVH
  • Product
    • Plesk Features
    • Plesk Editions
    • What’s new
    • Pricing
    • Roadmap
    • Lifecycle Policy
    • Extensions Catalogue
  • Pricing
  • Extensions
    Featured Extensions
    • SocialBee
    • WP Toolkit
    • Sitejet Builder for Plesk
    • SEO Toolkit
    • Joomla! Toolkit
    • Premium Email
    • Email Security
    • SocialBee
    • WP Toolkit
    • Sitejet Builder for Plesk
    • SEO Toolkit
    • Joomla! Toolkit
    • Premium Email
    • Email Security
    Bundles and packs:
    • Business and Collaboration Edition
    • WP pack
    • Hosting pack
    • Power pack
    • Language pack
    • Business and Collaboration Edition
    • WP pack
    • Hosting pack
    • Power pack
    • Language pack

    See all Extensions

  • For Partners
    • Plesk Contributor Program
    • Plesk Partner Program
    • Affiliate program
    • Plesk University
  • Help Center
    • Documentation
    • Professional Services
    • Support
    • Contact Us
    • Wiki
    • Forum
  • Plesk 360 login
  • Free Trial
  • Pricing
  • Solutions
    • By Role
      • For Developers
      • For Content Managers
      • For Agencies
      • For IT Admins
      • For Web Hosters
    • By Infrastructure
      • Overview
      • Plesk on Amazon Web Services (AWS & Lightsail)
      • Microsoft Azure
      • Alibaba Cloud
      • Google Cloud Platform
      • Vultr
      • DigitalOcean
      • Linode
      • UpCloud
      • Oracle
      • OVH
  • Products
  • Pricing
  • Extensions
    • Featured Extensions
      • SocialBee
      • WP Toolkit
      • Sitejet Builder for Plesk
      • SEO Toolkit
      • Joomla! Toolkit
      • Premium Email
      • Email Security
    • Bundles and packs:
      • Business and Collaboration Edition
      • WP pack
      • Hosting pack
      • Power pack
      • Language pack
      • See all Extensions
  • For Partners
    • Plesk Contributor Program
    • Plesk Partner Program
    • Affiliate Program
    • Plesk University
  • Help Center
    • Documentation
    • Professional Services
    • Support
    • Contact Us
    • Wiki
    • Forum
  • Plesk 360 login
  • Free Trial
  • Pricing
  • Solutions
    • By Role
      • For Developers
      • For Content Managers
      • For Agencies
      • For IT Admins
      • For Web Hosters
    • By Infrastructure
      • Overview
      • Plesk on Amazon Web Services (AWS & Lightsail)
      • Microsoft Azure
      • Alibaba Cloud
      • Google Cloud Platform
      • Vultr
      • DigitalOcean
      • Linode
      • UpCloud
      • Oracle
      • OVH
  • Products
  • Pricing
  • Extensions
    • Featured Extensions
      • SocialBee
      • WP Toolkit
      • Sitejet Builder for Plesk
      • SEO Toolkit
      • Joomla! Toolkit
      • Premium Email
      • Email Security
    • Bundles and packs:
      • Business and Collaboration Edition
      • WP pack
      • Hosting pack
      • Power pack
      • Language pack
      • See all Extensions
  • For Partners
    • Plesk Contributor Program
    • Plesk Partner Program
    • Affiliate Program
    • Plesk University
  • Help Center
    • Documentation
    • Professional Services
    • Support
    • Contact Us
    • Wiki
    • Forum
  • Plesk 360 login
  • Free Trial
Plesk 360 login
Free Trial

Knowledge Base

Adding Custom Design Templates

 
advanced administration guide linuxcustomizing the functionality of presence builderdesignerguideserver

This section explains how you can prepare your own design templates and
make them available to your customers.

A design template is a combination of website elements (banner, footer,
sidebars, site-wide modules), page layout settings, and colors, which
are applied to a site when it is created in the editor.

The editor provides a selection of 24 design templates, 16 of which are
randomly generated, and 8, created by a graphic designer especially for
Presence Builder.

Users can view the design templates and apply them to their sites in the
editor, on the Design tab > Templates. Randomly generated
designs are listed in the Generated section, and the templates
prepared by the designer, in the Special section.

Preparing a Custom Design Template

The following site elements and settings can be saved in a design
template:

  • The website layout: the location and size of the header, footer,
    content areas, and sidebars.
  • The banner image.
  • All site-wide modules.
  • The color scheme or individually selected colors.
  • The fonts.
  • The information about the borders and shapes of the page elements’
    corners.

To create a custom design template and add it to Presence Builder
editor:

  1. Log in to the editor and start creating a site.

  2. Adjust the layout and design.

    If you need instructions on how to do this, refer to Presence
    Builder User’s Guide
    , sections Changing Your Website Layout and
    Selecting Website Colors, Fonts, and Styles for Borders and
    Corners
    .

  3. Add the necessary site-wide modules and a banner.

    If you need instructions on how to do this, refer to Presence
    Builder User’s Guide
    , the chapter Content: Text, Tables, Images,
    Video, Forms, and Scripts
    , and the section Changing the Website
    Header Elements
    .

  4. Save the design template: Go to the Design tab, and click
    Export Design.

  5. On the Presence Builder server, create a directory in
    /usr/local/sb/htdocs/templates/generic/presets/.

    The directory name should correspond to the desired name of the new
    template. For example:
    /usr/local/sb/htdocs/templates/generic/presets/my_mega_design.

  6. Extract the contents of the ZIP archive with the template into the
    directory you have just created.

  7. Prepare a thumbnail that will be shown in the editor: Make a screen
    capture of your design in the editor, resize the picture to 213
    pixels in width and 151 pixel in height, and save it as
    screenshot.png.

  8. Upload the file screenshot.png to the directory
    /usr/local/sb/htdocs/templates/generic/presets/<your_template_name>.

The template will show in Design tab > Templates > Special
section.

To delete a custom design template, delete the directory
/usr/local/sb/htdocs/templates/generic/presets/<your_template_name>
from the server.

Tweet
Share
Share
Email
0 Shares
Read the full article
Related Posts

Exploring Plesk’s Added Value Solutions So Far in 2023

Read More »

Unveiling Sitejet Builder: The Perfect Match for Your Effortless Website Creation Needs

Read More »

Dynamic List vs. Active List: A Comprehensive Comparison – Unveiling the Ultimate Winner!

Read More »
Knowledge Base

Plesk Single Server Post-install Configuration – Hiding Plesk Controls and Tools

Read More »

IIS Web Server Settings – Directory Security Settings

Read More »

Removing Backup Files from Server

Read More »

Uploading Backup Files to Server

Read More »

Hosting Wiki

  • Server Redundancy
  • Bare Metal Server
  • Oracle VM Server
  • Server Virtualization Software
  • Windows Server
  • Linux
  • Web Server
  • DNS Server
X-twitter Linkedin Youtube Reddit Github
  • Product
  • Login
  • Pricing
  • Editions
  • For Partners
  • Partner Program
  • Contributor Program
  • Affiliate Program
  • Plesk University
  • Company
  • Blog
  • Careers
  • Events
  • About Plesk
  • Our Brand
  • Resources
  • User and Admin guides
  • Help Center
  • Migrate to Plesk
  • Contact Us
  • Hosting Wiki
  • Forum
  • Legal
  • Legal
  • Privacy Policy
  • Imprint

© 2025 WebPros International GmbH

Part of the WebPros®  Family