​How To Create A Custom Website

Custom Websites can be created by anyone even without in-depth coding or programming knowledge. Services Engine is user-friendly and allows you to create web pages using a drag-and-drop website builder. Not only will your website look great, but the customization tools allow you to make it easy to navigate and user-friendly on the front end, while Services Engine also allows you to set up automation and specifics on the backend to help you manage your business.

Step 1: Create a Website

  • Navigate to Sites > Websites.
  • Choose +New Website to get started
  • In the popup window, you’ll need to choose a Website Name. This will help you track multiple websites in Services Engine.You can also choose from pre-built website templates.
  • After naming the Website, click “Create Website”.

NOTE: You can ‘Clone’ and ‘Edit’ your website

  • Click +Add New Page to create a page with a name and a path name.
  • In the drag-and-drop Website Builder, there will be a menu at the left that allows you to drag sections, rows, columns, and elements onto the page. Then you can highlight elements (like the headline shown below) and use the new menu on the right to customize the font, spacing, alignment, hyperlinks, and more for that particular element.) Remember you have the ‘General’, ‘Animations’, and ‘Advanced’ tabs for all elements.
  • Be sure to save any changes before leaving the builder.
  • You can also use the “Preview” button in the top right corner to preview the page in your web browser.
  • Back in the “Pages” tab for the site, you can view an overview of all your pages for the particular website.
  • At any time, you can use the menu in the top left to navigate to your Pages, Stats, and Settings.
  • Under Settings, both the Domain and Path are important to ensure you have properly set up so people can navigate to and access your site. (This is how you make the website work with your domain, so thatwww.mydemoaccount.com/this-is-… would direct viewers to the specific page.) 
  • Check out our Domains tutorials for full guidance on how to best set up your domains.

Step 2: Managing Your Website(s)

  • Navigate to “Sites” > Websites.
  • This at-a-glance view provides an overview of all your websites. (Here is where you can click +New Website to get started with creating a new site too.) You can also use the search bar to search through your websites.
  • In the settings dots for each website, you have several options such as the ability to clone, edit, reorganize, upload to website templates, or delete the site.

Here are a few examples of some features you can incorporate into your website:

1-Pre-built section templates: These streamline the creation of websites, making the design process faster and more efficient. This feature provides a range of categories such as welcome, about, team, testimonials, and more, allowing users to add ready-made sections to their projects easily. To use, navigate to the website builder, click ‘Add,’ and select from the pre-built sections. 

  • Simply drag the desired section into your layout to instantly enhance your design.
  • Benefit: This feature significantly reduces design time, enabling quicker project completions.
  • Usage Requirements: Ensure the builder feature is enabled in your account settings. Adding your pre-built sections may require specific permissions or settings adjustments.

2-Within the elements section, add a Blog Post element to any website page, enabling seamless integration of blog content with various sorting options. This allows for dynamic content display by filtering recent posts, posts by category, or posts by author, making it easier to engage visitors. To use this feature, simply add the Blog Post element, and select the desired blog and filters.

With the blog post element, select the blog name

Filter by the blog post – Recent Post, Recent Post by Category, and Recent Post by Author and select the category/author.

Note – Filtering will apply on an updated date (the date when a blog post is published)

  • Be sure to save any changes before leaving the builder.

FAQs

  1. How do I create a new website in Services Engine?
    • To create a new website, navigate to Sites > Websites, then click on +New Website. Enter a name for your website in the popup window and select from available pre-built website templates if desired. Click “Create Website” to get started, and you can then add pages and customize them using the drag-and-drop builder.
  2. What customization options are available in the Website Builder?
    • In the drag-and-drop Website Builder, you can add sections, rows, columns, and elements to your pages. Customize each element using the ‘General’, ‘Animations’, and ‘Advanced’ tabs on the right menu. You can adjust font, spacing, alignment, hyperlinks, and other design aspects to suit your needs.
  3. How can I use pre-built section templates to enhance my website design?
    • Pre-built section templates allow you to quickly add ready-made sections like welcome, about, team, and testimonials to your website. To use them, open the website builder, click ‘Add,’ and select from the pre-built sections. Simply drag your desired section into your layout to instantly enhance your design and reduce design time.
  4. Can I integrate blog content into my website pages?
    • Yes, you can add a Blog Post element to any website page from the elements section. This feature allows you to display blog posts with various sorting options such as recent posts, posts by category, or posts by author. Select the blog and desired filters to dynamically showcase content and engage your visitors.
  5. What are the management options available for my websites in Services Engine?
    • From the Sites > Websites section, you can manage all your websites. Options include cloning, editing, reorganizing, uploading to website templates, and deleting your sites. Use the search bar to easily find specific websites, and the settings dots next to each site for quick access to these options.
  6. How do I properly set up my website’s domain and path?
    • In the Settings tab, ensure your Domain and Path are correctly configured so people can navigate to and access your site. This setup aligns your site with your chosen domain, likewww.mydemoaccount.com/this-is-… for specific pages. Check out the Domains tutorials for detailed guidance on setting up your domains.