How to create website in Renderforest | Tutorial

hi and thanks for choosing render forest website builder this video will be a tour around the platform to help you feel more comfortable with the options our website builder offers by the end of this video you will be able to build your own professional looking website with no coding knowledge or previous experience just a few steps and a website with a bunch of creativity will be ready categories templates on the website builder page you will see categories to create a beautiful business lifestyle personal event non-profit art or coming soon website no matter the topic our free website builder has templates for all types of Industries select the category that matches your purpose and explore remember that there are two ways for creating a website project on render Forest you may start from scratch by adding the desired components one by one or simply refer to the preset templates that have been designed by our content and design teams with specific themes let's go through the steps you need to take if you want to build a website using the template option luckily there's quite a wide range of choices simply choose the category and the template from this list click on the one that best fits your requirements and see how the template looks on different devices from the Above menu once you are happy with your choice you can click on the edit button and start the editing process you can always click the back icon to switch to the templates list this is what the website editor looks like as you've already chosen a ready-made website template mostly all you need is to add your content text images and videos to make it represent your business a header is actually the first thing your customers will see when loading your website in the header of the website customers usually find the company name Logo short description and navigation links here you can see the component settings bar where you can change the background image mode to dark light and extra light replace the background image adjust the transparency or delete if needed an important element that will be nice to have included on a website header is the company logo add logo you can upload a file from your device embed an image URL use a stock image create a logo that that will take you to the logo maker tool or select my files section where you will find your created and exported logo project with the logo maker tool to add links to the header component click the add link button this can be a link to an external website a component on the main page or take you to a page that you will create later social media icons are an important part to include in order to keep the touch between the user and the company on social media platforms you can add a new social media icon customize the added Icon by linking a social media URL editing the icon or deleted from this list color is also an essential aspect of design because it is what the website visitor notices first find numerous color presets presets or combinations of colors created by our designers and now you just need to choose the one you like the most as well you can create your own color palette in the your colors section explore the color wheel experiment and create color palettes that will fit your Brand's image you use hex color codes to find the preferred colors faster hex is a system used in HTML CSS and SVG each hex code refers to a very specific color in the Styles area you can change the corner radius of all the elements it's a small touch but it can change the whole appearance on the upper left side you can see all the pages that you have added you can organize all of them duplicate delete rename or add a new one for example make an about page price page or news update page this will be added to the domain name after the slash after adding a new page you will be able to set up the page metadata in the settings section here you can find the flip duplicate replace and delete buttons with a flip component all the elements on the left side go to the right side and vice versa duplicate will make an exact copy of the component replace lets you swap for a different component and delete will get rid of that specific component if you make a mistake don't worry just like the other tools on renderforest use the arrows at the top to go back and undo if you want to add more components to your new website you can do it with the help of plus component first click the plus component to open the components list then select the component that matches your requirements the best and add it with this plus button text holder components will help you to include more information about your company or write some posts here you can set the font style bold italic or underline with text adjustment options you are able to set the text alignment Right Center or left and also select one word or phrase add a link to it and adjust the link settings this means that the users can click on that active word and get redirected to another page cite or component next you would want to add information about your team simply click the add component button again and choose one of the suggested team components set a link here that will redirect the image accordingly once clicked plus add social media icons that will take the users to your team members social media accounts you will also be able to add a new block if necessary scrolling down you can see a video holder is available on some of the templates what you can do is replace the video by adding a link from a video publishing platform such as YouTube or Vimeo PayPal if you're selling certain products or Services you are running a donation based website or any other type of platform that requires accepting payments then you might want to consider integrating PayPal checkout into your project this component is an integration of the PayPal checkout functionality where you can start customizing the settings to suit your needs simply add your PayPal email and Account Details to the component so that the payments can be directed to the correct account after adding your PayPal email and Account Details you can set the type of button that you want to use the component allows you to choose between a pay button and a donate button if you choose the pay button it will allow your customers to make payments for the products or services that you are offering on the other hand if you choose the Donate button it will allow your website visitors to make donations to your cause or organization privacy policy component a privacy policy is a statement that explains what kinds of personal information you collect from your website visitors and how you use this if you collect personal information like names email addresses IP addresses session activity and payment details we recommend including a complete privacy policy section or page on your website testimonies are used for reviews and quotes from current or former clients add your client's picture or logo with their testimony with email forms you can collect the email addresses of your visitors to finalize your website add a footer which is located in the bottom part and sums up all the important information and links note that all the components are customizable you can change the colors Styles and images and type your own text one of the most useful tips available on the tool is the invite function which you can use to share a link to the project editor with a contributor to make further edits here you can set the expiry date and time and get the link for sharing the widget section is where you can organize the communication between your users through Messengers or live chats set the position of the widget on the overall site connect the messengers with a link phone number or username or integrate one of the live chats with a simple chat ID or token once you connect a messenger you will be able to customize the widget window such as adding an image name message and button text do not forget to click save to have these changes applied to the widget settings here you can see the most important section on the admin panel the website settings window General this is the section where you can add the website name get the site map of the website upload a favicon to make your site recognizable in a browser full of tabs and windows add a social image to have the preview of the site when sharing the link publicly and finally attach an email to receive all the forms submission emails domain this is where you will give your project an actual address by attaching a custom domain name or hosting it on a free render forest subdomain for a more professional look and Trust you'd better attach your company domain name to make your site secure adding a free SSL certificate toggle will be enabled once you set up the domain DNS setting by redirecting the domain to our specified records choosing a domain name is one of the most important aspects of building a website or an online presence in general a domain name is a unique address for a website a memorable domain will strengthen your branding and help your audience find your website you can easily search and buy a domain through render forest in the domain search box see if your website name is available and the price if you already have a domain you can connect it using the render Forest DNS system just remember whether you buy a domain from render forest or transfer it in you can only connect it to the number of Premium websites you have if your plan includes a premium website it will have a gold star in the my website's project folder marketing Integrations we have various necessary Integrations added to the settings which you can use to collect and analyze the site data Google analytics in manage and deploy marketing tags to collect and track marketing data with the Google tag manager you you can set up the Google AdSense ID and ads.txt to match ads on your site and also protect the advertisement inventory you may also attach the Facebook pixel ID to track and collect data from Facebook ads all these options seem very simple since what you have to do is simply add the corresponding property ID semrush is a marketing SAS platform that provides SEO related data semrush analyzes millions of keywords ads and URLs each day with the help of this integration semrush keyword magic tool you can instantly get recommendations on SEO content marketing and advertising that will help you improve your online visibility in a short period it will allow you to get real-time serp analysis for your website without leaving the render Forest editor in the cookie settings tab there are options for cookie banners and to enable gdpr compliance with this simple cookie Banner option you can inform the site visitors that you are using cookies let's enable the show cookie consent Banner toggle and customize the cookie consent text this is already a ready-made text you can use then adjust the accept button text here you can also enable gdpr compliance go to the cookies tab from website settings select the gdpr cookie banner and click the toggle to enable languages renderforest website builder also allows you to create a multi-language website the latter will help you expand your reach and make contact with a much wider audience there was a wide set of languages you may select for your website the structure should be the following primary language which will be the main language your website will be loaded with and you may have multiple secondary languages added to your website once you add the languages you can change the primary language with the flag icon that says set primary here you can also find a visible hidden toggle and a delete option to add a new language click the add language button select from the list and adjust the settings do not forget about the save button to apply all the changes clicking on the profile icons will open some shortcuts to navigate in render Forest once you are done with all your edits you can preview the site to check the applied changes does everything look great then it's time to publish the website publishing the site is a necessity to apply all the changes and make them visible on the actual website address under this section you also have the option to set website status to offline or online with a toggle the website status defines whether a website is visible over the internet going offline will not delete your website you can go back online anytime you want congratulations you finished making your website we hope this tutorial helped to explain the website builder tool check out the other videos in this series to learn more about using our individual tools and how to connect them together in order to build and boost your brand we can't wait to see what you create if you upload your project online tag or mention us so we can see it let us know what questions you have we're always happy to help

As found on YouTube


You May Also Like