In today’s video, we are going to run through the Showit Dashboard. As a Showit User, you are provided access to two main Dashboards: the Showit Dashboard and the WordPress Dashboard. The Showit Dashboard is where you can update the design of your website. The WordPress Dashboard is where you can add, edit and publish new blog posts. We’ll be looking at the Showit Dashboard today.
For new users of Showit, the dashboard can seem a bit overwhelming at first glance. By the end of this video though, I promise that the dashboard will make a lot more sense to you and you’ll be able to start using it with much more confidence and clarity.
In today’s video, you will learn:
- What the Difference is Between Site Settings and Design Settings
- How to Access Your Website Pages and Blog Templates
- How to Switch Between Mobile and Desktop View
- How to Access Specific Settings for each Canvas Section
Prefer to read instead? View the transcript below.
Once we have logged into the Showit Dashboard and have selected the site template we would like to work with, we are presented with this screen. This is the main dashboard area for Showit. This is where all of the website designing takes place.
So working from the top left-hand corner, we have your Site Name and your connected domain. Your Site Name is generally your Business Name or the name you have selected for your Website Template. The Connected Domain is the URL address for your website. Clicking on the Site Name or Connected Domain will automatically bring up the Site Settings Menu.
Next, we have a Site Tab and a Pages Tab. We’ll be focussing on the Site Tab throughout this video. The Pages Tab however is where you can access all of the Canvas Sections within a single page. I’ll be running through the Pages Tab in another Video, which I will post the link for below once it goes live.
The site settings tab displays important information about your connected domain.
Site Name e.g. Style Maker Studio
Custom Domain e.g. www.stylemakerstudio.com
Showit will automatically install an SSL Certificate on your site meaning that your site will be secure (customers’ information will be private when sent to your web address).
This is now a requirement of search engines such as Google and is essential if you decide to sell online products, services or physical products directly on your site.
A favicon is an icon that is associated with your website. It will appear next to your website name when you open a tab.
Vanity URL Slug
A vanity URL essentially connects your website to Showit prior to having your custom domain connected.
For example, if my vanity URL is stylemakerstudio01, this is what will be used for the vanity URL, publish URL and preview URL so I can view my website and any changes made, before hitting publish
Clicking this button will assign a unique Share Key to the template you are editing. If we were creating a template that we wanted to later share with others or sell to customers, we could select this button to create the Share Key.
This is where the domain for your blog is displayed. Showit gives the option of either linking your blog to your main domain or specifying a sub-domain domain to link your blog to e.g. www.blog.stylemakerstudio.com. This is also known as plus site.
I generally recommend to link it to your main domain e.g. www.stylemakerstudio.com/blog so visitors can still access the features of your main site easily if they decide to click away from your blog page, rather than it being on a completely separate domain and website template.
This is where you can add your Google Analytics ID as well as your Facebook App ID.
This button will close the Site Settings Tab.
Moving on from Site Settings, we have a link to Design Settings. The Design Settings Menu is where you can edit colours, fonts and type styles for your website design. Below Design Settings, we have a link to your Media Library. Your Media Library is where you can access all of your image uploads. You can also sort your images into folders to allow for quick and easy organisation.
In the next section of your dashboard, we have a list of all of your website pages such as home, about, services etc. Clicking on a particular website page will allow us to access all of the canvas sections within that page design using the Pages Tab.
Below your Website Pages, we have the Blog Templates. Blog Templates are pages which are connected to WordPresss. The most common templates you see are will be your blog landing page and your single post page. In addition to these pages, you can also create post category pages, 404 redirect pages, search pages, archive pages and more. This is a more advanced feature, so we won’t go into this too much now
Below Blog Templates, we have a list of your Site Canvases. Your page templates are essentially made up of two types of canvas sections: page canvases and site canvases. Page canvases are canvas sections which are used once on a particular page of your site. On the other hand, site canvases can be shared across your entire website. This prevents you from having to design the same section over and over again.
For example, the navigation section of my site is something that I want to appear on every page. Instead of designing it every time I create a new page, I can design it once, convert it to a site canvas and simply add the design from the site canvases list.
All changes made to a site canvas will automatically update across the entire site wherever that site canvas has been placed.
Moving on to the bottom left-hand corner, you will see your profile picture. Clicking here will bring up your Account Settings Menu. This is where you can access your User Profile, your website designs, subscription information and domain information. This section is also where you can access the button to create a brand new site or add a new Website Template Design to your Site Library. It’s also where you will find the logout button once you are finished using the Showit Dashboard.
Next, we have your mobile and desktop views. Switching between these two views will show you exactly how your website will appear across various devices. We have a combined mobile and desktop view, a single mobile view and a single desktop view.
The design of the Desktop version is separate to the design of the Mobile version.
One thing to note: If you make changes on the desktop version, you have to also alter the layout design of your mobile site to accommodate those changes.
- Bonus Tip:
When I am creating a new template I generally create the desktop version first before moving on to the Mobile Version of the template. The layout will not automatically translate across to the mobile screen, you will need to recreate this.
Although it might seem time-consuming, this is how you can control exactly what your website visitors see whether they are using a laptop or a mobile device.
Every element that you add on the desktop view will also be added to the mobile view. You can choose to hide certain elements from either view however, depending on what you want your site to look like across certain devices.
Moving on, we have the Canvas Guidelines Settings. Checking or unchecking these boxes will hide or display guidelines to assist you with your website design. Following on from that, we have zoom out, reset zoom and zoom in buttons.
Next we have the Text Elements Section. Hovering over the Text Elements icon, will display a menu for each of the Text Styles: Title, Heading, Subheading and Paragraph. Clicking on one of these styles will add a text box to your website design which you can type into and move around as desired. The next icon is for adding Design Elements such as rectangle, icon, embed code, video or gallery. Next, we have another link to your Media Library. Clicking here allows you to add a single image to your website design which you can resize and move around as desired.
Moving on from that, we have undo and redo buttons in case you make a mistake. Next to that, we have buttons to access the Chat features and Showit Help Docs.
In the right-hand menu, you will find specific information and settings relating to each canvas. As a very brief overview, we have General Canvas Settings, Canvas Background Settings, Animation Settings, Transition Settings and Scroll Action Settings. I don’t want to overwhelm you by going into too much detail, so we will cover this particular section in another video.
Lastly, we have preview and publish buttons. Any changes you make to your website will not take affect until you press the Publish button. You can still preview what your site will look like on both desktop and mobile by pressing the Preview button.
That brings us to the end of this video. If you’d like to learn more about using the Showit Website Platform, please subscribe to our channel. We will be releasing a new episode for The Style Sessions every Tuesday. See you next week!
*This post may contain affiliate links. Please see our Disclosure for more information.