How to Customize Your Website

Introduction

View the Site Map of Your Template

Add Your Website Logo

Add Banners to Your Website

Configure the Menu of Your Website

Customize the Settings of Different Pages

How to Add a New Page to Your Website

Adding Social Media Pages to Website

Using the Code Editor to Customize Your Website

How to Check the Mobile View

How to Add Widgets to Your Website

Introduction

Muvi One allows you to customize your website using the Visual Designer and Code Editor. Using the Visual Designer (VD), you can customize your website without writing a single code. VD allows you to use a completely visual canvas that brings ideas to reality. Whereas the Code Editor allows you to customize your website by writing codes (like Java Script, HTML, CSS, etc.). You can easily add logo, banners, menu items, new static pages, customize featured sections on the homepage and more…

View the Site Map of Your Template

Phoenix is the default template of your website. You can view the detailed site of your template.

To view the site map, navigate to “Website” -->”Templates” in the CMS.
Under “More Templates” click on “Preview” on the Phoenix template.
You can view the site map. Click on different sections like “Log in Process”, “Video Content”, “Audio Content”, etc. and explore the template.

Add Your Website Logo

A sample logo is already added to the Phoenix template. So, when you visit your website, you can view this sample logo. However, you can change this and add your own logo to the website. You can upload a logo, and customize its size and appearance as well.

To add a logo, navigate to “Website” -->” Templates” in the CMS.
Under the Phoenix template, click on “Customize”.
The Visual Designer (VD) will open.
Click on the “Logo” in the top left corner.
Click on “Edit Logo”.
On the right-hand side pane, you can see the option to “Upload” a new logo and “Delete” the existing logo.
Click on the “Upload” icon to upload a logo. You can select the logo image from the Asset Library or you can upload it from your device.
You can drag and resize the logo.
Click on “Save” in the top right corner to save the logo.
Click on “Preview” to preview how the logo appears on your website.
Finally, click on “Publish” in the top right corner to publish the logo. Click on “Done”.

Add Banners to Your Website

You can add multiple banners to your website. Even you can select different banner transitions and display the banners in different styles on the website.

To add a banner, navigate to “Website” -->” Templates” in the CMS.
Under the Phoenix template, click on “Customize”.
The Visual Designer (VD) will open.
Click on the “Banner”.
Click on “Edit Banner”.
On the right-hand side pane, you can see the option to edit the existing banner. Click on the “Edit” icon.
Click on the “Image” tab to upload a banner image. You can also use “Solid Colors” as a banner.
Click on the “Upload” icon to upload a banner. You can select the banner image from the Asset Library or you can upload it from your device. Then click on “Upload”.
Click on “Save” to save the banner.
To add a new banner, click on the “Add” icon. You can repeat the process to add multiple banners.
Then upload a new banner image for each banner.
Scroll down to view the banner transition options.
You can select the “Slider”, “Scene” or “Carousel” options.
For Slider, you can select Directional Control, Pagination, ANIMATION, and Auto Slide
You can also set the “Transition” time.
Click on “Save” in the top right corner to save the changes.
Click on “Preview” to preview how the banner appears on your website.
Finally, click on “Publish” in the top right corner to publish the changes. Click on “Done”.

Configure the Menu of Your Website

You can customize the top bar menu of your website. You can add content categories, static pages, links, etc. to the menu. You can easily change the menu order with the drag-and-drop action.

To configure the menu, navigate to “Website” -->” Templates” in the CMS.
Under the Phoenix template, click on “Customize”.
The Visual Designer (VD) will open.
Click on “Navigation” on the top bar of the website.
Click on “Edit Menu”.
On the right-hand side pane, you can drag the items to the menu.
You can add links and redirect to any menu item.
To create a drop-down menu, drag a menu and drop it inside another menu.
Click on “Save” in the top right corner to save the changes.
Click on “Preview” to preview how the menu appears on your website.
Finally, click on “Publish” in the top right corner to publish the changes. Click on “Done”.

Customize the Settings of Different Pages

You can customize the static and dynamic pages already available on the website. For example, you can change the homepage layout and settings or the about us page settings, etc. Even you can add new static and/or dynamic pages to your website.

To customize pages, navigate to “Website” -->” Templates” in the CMS.
Under the Phoenix template, click on “Customize”.
The Visual Designer (VD) will open.
On the top left corner click on “Home”.
You can view the list of pages.
Click on the 3 dots on the right-hand side of a page.
You can see different options like “Settings”, “SEO Basic”, “Duplicate”, and “Set as Homepage”.
Click on “Settings” to change the “Page Name” and “Permalink”.
Click on the “SEO Basic” tab to set the SEO variables like “Meta Title”,” Meta Description”, ‘Keywords” and “Scripts”.
Click on “Duplicate” to create a duplicate page.
Click on “Set as Homepage” if you want a specific page (like, About Us, Register, etc.) as your homepage.
You can create new static pages by clicking on the “+” icon.
To create the dynamic pages, click on “Dynamic Page”.
Click on “Save” in the top right corner to save the changes.
Click on “Preview” to preview how the page appears on your website.
Finally, click on “Publish” in the top right corner to publish the changes. Click on “Done”.

How to Add a New Page to Your Website

To add a new page to your website, navigate to “Website” -->” Templates” in the CMS.
Under the active template, click on “Customize”.
The Visual Designer (VD) will open.
On the top left corner click on “Home”.
You can view the list of pages.
Scroll to the bottom and click on the "Page Icon".
Click on the "+" icon to add a new blank static page.
Type the "Page Name" and click on "Create".
A new static page will be created and it will be visible under "Home". By clicking on the page, you can customize it according to your requirement.
To delete a static page, click on the 3 dots on the right-hand side of the page.
Click on "Delete" and then "Proceed" to delete the page.
To add a dynamic page click on the "Dynamic Page Icon".
Type the "Page Name" and click on "Create".
A new static page will be created and it will be visible under "Home". By clicking on the page, you can customize it according to your requirement.
To delete a static page, click on the 3 dots on the right-hand side of the page.
Click on "Delete" and then "Proceed" to delete the page.

Adding Social Media Pages to Website

You can add different Social Media page links (Facebook, Twitter, Instagram, etc.) to your website/app so that your subscribers/visitors can visit your Social Media pages by clicking on these links on your website/app.

To add social media pages to your website, navigate to “Website” -->” Templates” in the CMS.
Under the template, click on “Customize”.
The Visual Designer (VD) will open.
Scroll down to the bottom.
Click on the social media icons.
Click on "Edit Social".
On the right-hand side click on the "Disable" button to disable any social media icon on the website.
Type the social media page link in the box.
Click on "Save" to save the changes.
Click on "Preview" to preview the changes.
Click on "Publish" to publish the changes.

Using the Code Editor to Customize Your Website

You can also customize your website using the “Code Editor”. You can write codes and make changes to different sections of your website. You can access the Code Editor from the Visual Designer page.

To access the Code Editor, navigate to “Website” -->” Templates” in the CMS.
Under the Phoenix template, click on “Customize”.
The Visual Designer (VD) will open.
Click on the Code Editor icon “<>” in the top right corner.
You can view all the folders on the left-hand side.
Expand the folders to view the files and then you can make changes to these files.
Click on “Save” in the top right corner to save the changes you have made to the codes.
You can also change the dark theme to a light theme and change the code layout.

How to Add Widgets to Your Website

Widgets are a handy and simple means to add some flash to your website. Whether you wish to add a simple banner/advertisement, a piece of information, a text, or a button, to your website, you can do it with widgets.

Adding Text

To add text to any page, navigate to “Website” -->” Templates” in the CMS.
Under the Phoenix template, click on “Customize”.
The Visual Designer (VD) will open.
Click on the "+" icon on the top left side of the Visual Designer.
Under "Widgets" click on "Quick Add".
Click on "Text" to add text to your website.
Select the text heading from H1-H6.
Double-click on the canvas (webpage) anywhere to add the text.
Type the text.
If you want to delete the text, click on the "Delete" option on the floating editor.
Drag and drop to change the text position.
Click on the advanced editor on the right-hand side to customize the text. You can change the text color, text size, change border, padding, opacity level, etc.
Click on "Save" to save the changes.
Click on "Preview" to preview the changes.
Click on "Publish" to publish the changes.

Adding Button

To add text to any page, navigate to “Website” -->” Templates” in the CMS.
Under the Phoenix template, click on “Customize”.
The Visual Designer (VD) will open.
Click on the "+" icon on the top left side of the Visual Designer.
Under "Widgets" click on "Quick Add".
Click on "Button" to add text to your website.
Select the button style.
Click on the canvas (webpage) anywhere to add the button.
Type the button text.
If you want to delete the button, click on the "Delete" option on the floating editor.
Drag and drop to change the text position of the button.
Under the editor, select "Page", to link the button to a specific page (e.g., Homepage, About Us, Contact Us, etc.).
To link the button to an external URL, select "Web Address" and type the URL of the site.
Select "Open in New Window", if you want the website to open in a new window.
Click on the advanced editor on the right-hand side to customize the button.
You can customize the fill, size, position, border, and opacity level of the button.
Click on "Save" to save the changes.
Click on "Preview" to preview the changes.
Click on "Publish" to publish the changes.

Adding Media (Image, Video)

To add media to any page, navigate to “Website” -->” Templates” in the CMS.
Under the Phoenix template, click on “Customize”.
The Visual Designer (VD) will open.
Click on the "+" icon on the top left side of the Visual Designer.
Under "Widgets" click on "Quick Add".
Click on "Media" to add an image/video to your website.
Click on the "Image" to add an image. You can add a round or square images.
You can drag and drop to change the image position on the page.
If you want to delete the image, click on the "Delete" option on the floating editor.
On the right-hand side click on the "Upload Icon" to upload an image from your device or from the Asset Library.
Type the ALT tag/name of the image.
Drag the border on the image to adjust its size.
To delete the image click on the "Trash Icon" under the editor.
Click on the advanced editor on the right-hand side to customize the image.
You can customize the fill, size, position, border, and opacity level of the image.
Click on "Save" to save the changes.
Click on "Preview" to preview the changes.
Click on "Publish" to publish the changes.

To upload a video,

Click on "Media" to add an image/video to your website.
Click on "Video" to add a video.
You can drag and drop to change the video position on the page.
If you want to delete the video, click on the "Delete" option on the floating editor.
On the right-hand side click on the "Upload Icon" to upload a video from your device or from the Asset Library.
Drag the border on the video to adjust its size.
Select "Muted" if you want the video to start in mute.
Select "Enable Autoplay" if you want the video to start automatically when the page loads.
Select "Controls" if you want to show the control option on the video (e.g., play, pause, stop, seek bar)
To delete the video click on the "Trash Icon" under the editor.
Click on the advanced editor on the right-hand side to customize the video.
You can customize the fill, size, position, border, and opacity level of the video.
Click on "Save" to save the changes.
Click on "Preview" to preview the changes.
Click on "Publish" to publish the changes.

Let us know so that we can improve.

Leave a Reply Cancel reply

Try Muvi One free for 14 days

No Credit Card Required

.muvi.com

Your website will be at https://yourname.muvi.com, you can change this later.

I agree to Muvi's Terms & Privacy Policy.

June 14

8:00AM PST

Importance of User Types in a Streaming Platform’s Success

In this webinar, you will learn :

Different types of users in the streaming platform and their behaviors
Way to set up the best monetization strategy for different type of users by meeting their needs
Possible marketing options to cover these users and increase revenue

Event Language: English

1 hour

Deliver Crystal Clear Picture With Muvi One’s 4K Video Streaming Feature!

Please wait while we enable your Account