Create A Website with RVsitebuilder 6 (Full Version)

After login to your control panel, find “RVsitebuilder” under Software feature group.

For a fresh and first time, the User Interface (UI) is the following. Simply click “Create” on the right corner.

The Create A New Site window will appear to let you insert the primary information: Site Name, Company Name, Slogan, What Kind of Your Website etc.

Once finished naming your own project from My Sites tab, RVsitebuilder will lead you to Templates tab. It first gives you a current template, you can change to others as want.

After finished selecting responsive template , RVsitebuilder once again leads you to edit your site.

If you want to customise your own website header banner, background, Company Name, Slogan, Logo, Mobile Display enforcement, etc.

You can fully play and design your website in Design tab

Let’s start!

Uploading website Banner

In Design tab choose Header > Banner. You will be able to change Banner image as you want by clicking Add Header Image.

You can choose Banner from our Library or upload your own image. Please be noted that the resolution that suites for Banner is 1440px x 520px.

You can also set the Transition Effects for baner.

Also set for Header Space/Background Color/Header Width Header Space is an individual section at the top of your page which you can add any color (but you can't insert an image).

Adding a Logo/Company Name/Slogan

Setting Up the Navigation bar

In Navigation Tab, you can select Layout, choose the color of your navigation, font style including your submenu level 1 and 2.

Choosing your Navigation Color as you want

In Content Tab, you can set for background color or add the image to your background. Also you can set font style, text link and your Breadcrumb (Breadcrumbs or breadcrumbs trail is a graphical control element used as a navigational aid in user interfaces. It allows users to keep track of their locations within programs, documents, or websites)

*Please note that any adjustment in Design Tab is universal customization, which means it will apply to every page on your website.

Footer Tab, you can set contact information (address, telephone number, email) also map and social network. You can change any content on your website footer. There are check boxes that let you easier show or hide any field of the information. Website footer contains the information listed at the bottom of the page. If you are editing in the Design tab menu, it will only display an example of footer navigation, so it is not the actual footer navigation of your site.

If you want to set your Favicon Go to Design Tab > Site Properties > Favicon > Choose File and select Show Favicon then click Save.

If you don't have favicon file that is in ".ico" format, you have to convert your image file to ".ico" first by using converter website. We suggest using https://www.icoconverter.com/ to convert it (You can use other converter site as well).

Click "Convert" then your file will be downloaded and saved.

You can name your file any name, but when you upload your file to RVsitebuilder, its name in the program will be renamed to "favicon.ico" automatically.

Adding a new page

Go to Pages > Page setting > Click Add a new page > set you page name and click Add

To rearrange pages, move your cursor to the back of the page title then your cursor will change to the arrows, drag and drop the page up or down to rearrange.

To change a page to a subpage, drag and drop the page to the right, or drag and drop to the left to set as the main page.    

On the page that you are editing. There will be no options for Delete, Hide from Navigation (internal page).

Apart from those, all options are available.

Adding section

Then, add text in the box. You can type or copy-paste content to the box. Changing text style with Text Editor Box.

Adding Contact Us form to your website.

You can add Contact Us form by clicking on Widget tab > Drag and Drop “Contact Us” to your site.

And edit with Form Editor

Editing Form by drag-and-drop tools from the list box in the right hand side.

For more tool such as Captcha, StarRating, PasswordBox, PageBreak, FormCollapse and BirthDatePicker you can find in Power Tools.

Setting Email when your customer submit your form. It will send directly to your contact email address. Click on Backend in the widget box and fill your email address.

Adding Paypal widget

In you edit page, click on Section tab -> Form -> Drag and Drop the block to your site, then editing with Form Editor.

In Widget Tool Box, under ‘Properties’ tab click on ‘Form Editor’.

You will see PAYMENT TOOL on the right side. Drag and drop Paypal icon to your form.

After that you can set up for your Paypal account.

Insert Image to page

Click on the image that comes with the section you choose, then it will appear 3 icons on the image: Upload, Replace and Edit.

                Upload : Add new image from your computer.

                Replace: Choosing image from our Image Library or your Facebook.

                Edit: Adjust the image which you selected.

You can adjust your image by zoom in, zoom out, rotate 45°, flip vertical and horizontal.

If you click Overwrite, it will overwrite the original file which you uploaded.

Adding youtube link on page

On edit page click on the section that you want to add Youtube, then click drop down on “Insert” button and select “Video” > “Youtube.

You will get the pop up box for insert Youtube Url and setting for your Youtube appearance.

Google Maps Widget

Go to Section > Contact > Google Maps (Drag and drop to your site).

Then edit by clicking on Google Maps Editor and fill your address.

Adding facebook, social widget

You can choose Facebook Widget in the left side:

Like Button : Let the user like and share your website

Facebook Comment: Let the user can comment about your website

Facebook Page: Link to your Facebook Page

Like Button : Let the user like and share your website. You can set for the layout and button type by clicking Section -> Social -> selecting first section and click Facebook Like Editor in the Widget box

Adding photo album

If you want to show your image as a slide, you can select on ‘Section’ -> ‘Image’ -> ‘Carousel’ and drag and drop the block to your page. Then click ‘Album Editor’ on Widget tool box and choose you image by click ‘Add Images’. Also you can manage/reorder your image by clicking and move.

Preview and Publish your website!

Preview

In RVsitebuilder version 6, you can see preview page at  WYSIWYG page editor on step “Pages”. It works to let you preview the current page you’re editing.

You can see it as Mobile Mode:

Or Desktop Mode:

And simply click on “Back to edit mode” to continue edit your page.

Publish

There’s a “Publish” button to be seen in every step which allows you to publish as anytime as you’re ready.