Getting Started with QuickServers Website Builder: A Comprehensive Guide

Introduction:

Welcome to QuickServers Website Builder! In this comprehensive guide, we'll walk you through everything you need to know to kickstart your website building journey. Whether you're a novice or an experienced user, this guide will provide you with step-by-step instructions to make the most out of QuickServers' website builder.

Section 1: Accessing QuickServers Website Builder

  • Logging into your QuickServers account

    • Click on login

    1.jpg

  • Enter your email and password and click on Login.

Screenshot 2024-05-19 005501.png

  • Navigating to the Website Builder section. Choose domain and click on Manage.

    3.jpg

  • Accessing the QuickServers Website Builder interface.

    Screenshot 2024-05-19 010329.png

Section 2: Choosing Your Website Template

  • Exploring the wide range of pre-designed templates available.

    5.jpg

    6.png

  • Filtering templates based on industry or style preferences. You can select your desired industry or style from here.

    7.png

  • Selecting a template that suits your website's purpose and branding.

    8.jpg

  • Click on Create This Site.

     

Section 3: Customizing Your Website Design

  • Understanding the drag-and-drop interface of QuickServers Website Builder.

    Drag-and-Drop Feature:

    • Ease of Use: Simply drag elements such as text boxes, images, videos, and widgets from the sidebar and drop them onto your webpage.
    • Flexibility: Rearrange elements on your page by dragging them to new positions, allowing for complete control over the layout.
    • Real-Time Editing: See your changes as you make them, providing an immediate preview of your design.
    • See the screenshots below for the visual representation.

10.png

11.jpg

12.png

13.png

  • Personalizing your website with custom colors, fonts, and branding elements.

    14.jpg

    15.png

  • Adding your logo and customizing header/footer sections

    • Head to the Blocks, Click on the menus and then choose your desired header from the list.

    • Updating Logo

      16.png

      17.png

      • Customizing the Menu

      18.png

      19.png

      • Customizing the right button from the header

      20.png

      21.png

  • Head to the Blocks, Click on the Footer and then choose your desired Footer from the list.

    23.png

    24.png

Section 4: Adding and Managing Website Pages

  • Creating new pages for your website (Home, About Us, Services, Contact, etc.)

    25.jpg

    26.png

    27.png

    28.png

  • Editing existing pages to include relevant content and imagery.

    29.jpg

    30.jpg

I clicked on the “About Us” page and here is the overview:

31.png

  • Organizing your website's navigation menu for easy navigation.

    32.jpg

    33.png

Here is how you edit the navigation menu.

34.png

35.png

Section 5: Incorporating Content and Multimedia

  • Adding text, images, and videos to your website pages.

    Adding Texts:

    36.png

    37.jpg

    38.png

Adding Video:

39.jpg

40.png

Adding Images:

41.jpg

42.png

43.png

  • Utilizing a library of stock images and multimedia resources.

    44.png

    45.png

    46.png

Section 6: Enhancing Functionality with Widgets and Plugins

  • Integrating social media feeds, contact forms, maps, and other interactive elements

    Social media feeds:

    47.png

    Contact forms:

    48.png

    49.png

    50.png

    Adding a Map:

    51.png

    52.png

    53.png

    Other interactive elements:

    54.jpg

  • Extending the functionality of your website with third-party integrations.

    Quickservers site builder gives the functionality to integrate:

    • Google Analytics
    • Google Tag Manager
    • Site Verification
    • Google reCaptcha

    55.jpg

    56.jpg

    57.png

Section 7: Previewing and Publishing Your Website

  • Previewing your website to ensure a seamless user experience across devices

    58.jpg

    59.jpg

    60.png

  • Configuring SEO settings to improve your website's visibility with search engines.

    61.png

    62.png

  • Publishing your website to make it live for the world to see.

Was this answer helpful? 0 Users Found This Useful (0 Votes)