Name: Prolific Cloud
Author: Prolific Cloud

Getting Started

Sign up

How to Sign Up?

Admin Dashboard

What's in my Admin Dashboard?

Page Builder

Intro to the Page Builder

Uses of Components

<p><p>This manual will guide you through the steps to create attractive hero portion of web pages using the Prolific Cloud Page Builder. Please follow the instructions below to recreate a sample web page.</p>
<h2>Step 1: Accessing the Page Builder</h2>
<ul>
<li>Log in to your Admin Dashboard.</li>
<li>Go to the "Sites" section.</li>
<li>Click on "Pages" and select "Create New."</li>
</ul>
<h2>Step 2: Building the Web Page</h2>
<ul>
<li>You are now in the page builder interface.</li>
<li>On the top left, add a name for the text.</li>
<li>Start with a one-column layout by clicking on the "+" button and selecting the one-column layout option.</li>
<li>Choose a background for the section. You can add an image or use solid colors.</li>
<li>To add an image, click on the "Edit" icon and go to the Section Setting on the right pane.</li>
<li>Click on "Set Background Image" and choose an image. Landscape-oriented images are recommended for the heading portion.</li>
<li>Adjust the top padding to 150 and the bottom padding to 250 to make the image more visible.</li>
<li>Click on the padlock icon to enable independent adjustment of padding and margin values. Remember that padding controls the space within a component.</li>
<li>Once the background image is set, add the header and subheader.</li>
<li>Drag and drop the Heading Text component from the library.</li>
<li>Go to Heading Settings and modify the text, size, color, and weight for a visually appealing appearance.</li>
<li>Press Enter to create a line break in the heading.</li>
<li>Add a paragraph component by dragging and dropping it onto the page.</li>
<li>Modify the text, font size, color, and weight of the paragraph.</li>
<li>Adjust the left padding in the column settings to align the header portion properly.</li>
<li>Increase the left padding to create a gap between the header and the image.</li>
<li>Once you are satisfied with the header portion, click on "Save" to save your progress. A green "Update Success" pop-up will indicate a successful save.</li>
<li>Remember to save after making any changes, or your progress will be lost if you navigate away from the page.</li>
<li>Feel free to experiment with other components and recreate the remaining portion of the web page.</li>
</ul>
<p></p>
<p>Congratulations! You have successfully created an attractive web page using the Prolific Cloud Page Builder. Enjoy designing your pages!</p>
<p></p>
</p>

Designing Hero

Designing Hero portion the page

How can we help you?

How to Sign Up?