Change Page Layout in WYSIWYG Editor

If your current project is using Normal Template, you can change Page Layout in WYSIWYG editor of each page by using "Layout" tool in the toolbar. If your project is using Responsive Template, you will be able to select page layout only once you create the page. It doesn't allow you to change the page layout later. This is to avoid webpage broke when open in mobile device solution. If you want to use a new page layout, you'll need to create a new page , select page layout you want, and insert the content again.   Normal or Responsive template?

Read more..

Copy and Paste Content/Code from the external source

New WYSIWYS (Page Editor) allows you to paste the copied content/code from the external source to any pages in your website. It then has a new feature “Copy/Paste” feature to help users do the content in the proper way. Anytime, you’re going to paste content/code from external, please use this feature with the following guide. 1. Click “Copy/Paste” icon on toolbar. 2. Click on the content area you want to paste the content. Its background will turn to violet with tool icons appeared. 4. Icons in Detailed. “-”, to go down one level of the current element. “+”, to go up one level of the current element. “<<”, to go up one element. “>>”, to go down one element. “Copy” icon, to copy the current element. “Cut” icon, to remove the current element. 5. To copy any elements (div, p, or table), simply click “Copy” icon on the current element. 6. To remove any elements (div, p, or table), simply click “Cut” icon on the current element. 7. To paste the copied element, simply choose the destination position and click “Paste” icon on the toolbar. 8. To cancel the previous copied or removed values, simply click “Cancel” icon on the toolbar.

Read more..

Create a website with multi-language

Please note that, this is NOT the multi-language user interface feature, which you can choose any languages in our program. Here, we talk about the published website which will display in multiple languages, which you'll need to insert the content for those languages by yourself. You need to create separate projects for each language by following explanations. 1. Create a project for the 1st language, and publish (sample: www.domain.com) 2. Create another project for the 2nd language, and publish (sample: www.domain.com/FR) 3. Go to the 1st project: 3.1 In case, your project is Normal Template.         1) Go to Step 2 -> Side Additional -> Edit Top         2) Type keywords for your language selections (sample: EN|FR)         3) Create hyperlink on both languages by specifying domains you have created in No. 1,2 above.         Sample: EN with www.domain.com, and FR with www.domain.com/FR 3.2 In case, your project is Responsive Template in your project. 1) Go to Step 3 -> Page Editor of each page -> Layout Template , click the "+" on Top or Bottom to edit. (Responsive allows you to add only Top and Bottom)         2) Type keywords for your language selections (sample: EN|FR)         3) Create hyperlink on both languages by specifying domains you have created in No. 1,2 above. *This setting will take effect by page, not the entire website. You’ll need to do every single page. Sample : Home page, EN with www.domain.com, and FR with www.domain.com/FR Contact Us page, EN with www.domain.com/contactus, and FR with www.domain.com/FR/contactus **How to open “Layout Template” for Responsive Template in RVsitebuilder 5.4.        A. If your project was created with RVsitebuilder 5.2 , and got updated to RVsitebuilder 5.4. You will be with the Old WYSIWYG. You need to put mouse on content area in order to open function "Layout Template" to edit.         *This setting will take effect by page, not the entire website. If you want to have it every page, you’ll need to do in every page.         B. If your project is a fresh created in RVsitebuilder 5.4. You’ll get New WYSIWYG. You can click on “Layout” feature in order to open Layout Template editor, and click the icon again to leave the Layout Template editor. Then, the area to edit Top and Bottom/Footer will be appeared. Click Top or Bottom/Footer you want to edit, and insert content you want. Click “Layout” again to get back to page editor. 4. Do No.3 in the 2nd project as well.

Read more..

Setup Contact Form Sender for Online Form, Contact Us in website

You can set Contact Form Sender for Online Form, Contact Us in Step 3 -> System -> Email SystemAt Type of Mail Service: {mail() function, SMTP, Sendmail}        1) mail() function: Simple email sender from your email address. 2) SMTP: The Type of Mail Service: SMTP, will need to set as the same of email client config from cPanel.Please check as followings:1. Check and make sure the Firewall does allow TCP_OUT port 25.2. Check the email client config in cPanel -> Email Accounts        Select email address you want to use.        Click "Connect Devices" of the Email above, click Setup Mail Client. And use values here to place in Step 3 -> System -> Email System -> Type of Mail Service: select SMTP For Secure SSL/TLS Settings:SMTP host: ssl://mail.{your-domain}SMTP port: default 465For Non-SSL Settings: SMTP host: mail.{your-domain}SMTP port: default 25        3) Sendmail:         Sendmail path: /usr/sbin/sendmail (default)        Sendmail argument: -t -i (default) 

Read more..

Set Website to display on Mobile

Mobile Display Settings The new project created in RVsitebuilder 5.4 will be a Responsive Website by default, to display perfectly in any screens whether Desktop, Tablet, and Mobile. You can set website appearance on Mobile/Tablet Mode in Step 2 -> Website Settings -> Mobile Compatible. 1. “Enable”*, to set your website available for mobile mode. *Enabled by default.     “Disable”, to set your website NOT available as mobile mode, it can be opened on mobile but will not be mobile responsive mode.2. “Text Color”, to set text color for your website content in mobile mode.3. “Header Text Area”, to set the background color for header text area (Company Name, Slogan, and Logo) once opened in mobile mode.4. “Hidden”, this menu is to let you hide and show the website header parts: Company Name, Slogan, Logo, and Header Banner to your heart’s content.5. Once finished your business (design) in Step 2. Do not forget to press “Upload Template” at the left hand above toolbar, unless you want to back to do it all once again.

Read more..

Set background color/image for Body(content) area

Normally, RVsitebuilder doesn't provide feature to set body(content) background color/image. But we have the manual way to do so. 1. In case, if your website is using Mobile Responsive Template*Difference between responsive and normal template A. To change body(content) background color for every page in the same color.Go to Step 2 -> Site properties -> Edit CSS, and insert the following script.         Color:body , .rs_body_bgcolor , .rs_footer_bgcolor{background-color:yellow;} Image:body , .rs_body_bgcolor , .rs_footer_bgcolor {background-image: url({IMAGE_URL});} *Everything you did in Step 2 , please don't forget to save by "Update Template" button at the top of step2. B. To change body(content) background color by different color each page.Go to Step 3 -> “Page Editor” -> “Widget” (the latest tool on toolbar) -> “Site Properties” -> “Edit CSS” , and insert:         Color:.rs_body_bgcolor {background-color: #fd3232;} Image:.rs_body_bgcolor {background-image: url({IMAGE_URL});}Save. 2. In case, if your website is using Normal Template*Difference between responsive and normal template2.1 Export template and download to your computer*How to export template 2.2 Extract the template file.2.3 Find index.html file, and open it.2.4 Find following bgcolor code:

Remove tag "bgcolor="#E8D9D9"And remain as following: 2.5 Save template file as original, and import back to RVsitebuilder at step 1. 2.6 2.6.1 To change body(content) background color for every page in the same colorGo to Step 2 -> Site properties -> Edit CSS, and insert the following script. Color:body , .rs_body_bgcolor , .rs_footer_bgcolor{background-color:yellow;} Image:body , .rs_body_bgcolor , .rs_footer_bgcolor {background-image: url({IMAGE_URL});}*Everything you did in Step 2 , please don't forget to save by "Update Template" button at the top of step2. 2.6.2 To change body(content) background color by different color each page.Go to Step 3 -> “Page Editor” -> “Widget” (the latest tool on toolbar) -> “Site Properties” -> “Edit CSS” , and insert: Color:.rs_body_bgcolor {background-color: #fd3232;} Image:.rs_body_bgcolor {background-image: url({IMAGE_URL});} Save.

Read more..