How-To Articles

How-To Articles - Author: Olivia Justice

Author: Olivia Justice

How to Add, Edit and Delete Photos Using the Masonry Module

How to Add, Edit and Delete Photos Using the Masonry Module

Posted By Olivia Justice
March 23, 2020 Category: Learning, Modules

Is your Virteom powered website utilizing the Masonry Photo Module? Adding new photos to your gallery is really simple and even allows you to upload multiple images at one time. The one real advantage of using the masonry module is so that you can display images in groupings or categories on a singular webpage. This allows you to separate images out into different galleries so like photos can appear together. For example: Say you're a landscaper and you have a webpage entitled "Hardscapes". You may want to output multiple galleries on this single page to break out each type of hardscape you've done: walkways, patios, pergolas, steps, fire pits, etc. The masonry photo module allows you to accomplish this. You can set multiple categories, and multiple galleries in that one category - all to output on one single webpage. In this how-to article, we explain how to add a new category, add a new gallery, edit an existing category, edit an existing gallery (adding images to an existing gallery), and how to delete categories, galleries, and images in the Masonry Photos module powered by RocketSites. Logging-In First things first, you must log-in to your Virteom powered website. You can do this by visiting your website and adding /virteom at the end. This will take you to the log-in screen for the site. Enter your email address in the email field Enter your password in the password field Click 'Login' Navigate to the Masonry Grid

How to Create Private Pages with Virteom

How to Create Private Pages with Virteom

Posted By Olivia Justice
August 21, 2019 Category: How To

Websites make it easy to get your business information out to the online community, but after building websites for 20+ years, we've learned that sometimes you don't want every page on your website accessible to the general public. Which is why RocketSites offers the ability to create private pages that are only accessible to a designated person/company. Why would you want to use private webpages? Private webpages are used for a number of reasons. Our clients have used private pages for promotions in email campaigns, as a document center, for quote calculators, you name it. Private pages really come in handy! Private pages also allow you to essentially have a draft of the webpage you're creating without it being accessible to the general public. Whatever the use case, Virteom Rocketsites makes it easy to mark a page as 'private' and set permissions for the users you want to have access. In this how-to guide, we'll explain how to create a new page, mark it as private, create a new member, and give access to the user.  Keep reading to learn how to mark pages as private in RocketSites. LOG-IN TO VIRTEOM CMS The first step in adding a new private page to your Virteom powered website is to log-in. Visit your website domain /virteom (Ex: https://yourdomain.com/virteom). Once you hit the log-in page, you'll need to enter your username and password. NAVIGATE TO SITE PAGES Now that you're logged in to the CMS

How to Add, Edit and Delete Photo Galleries Using PhotoGrid

How to Add, Edit and Delete Photo Galleries Using PhotoGrid

Posted By Olivia Justice
July 24, 2019 Category: Learning, Modules

How to Add, Edit and Delete Photos in the PhotoGrid Module Does your Virteom powered website have a photo gallery on it? Adding new photos to your gallery is really simple and even allows you to upload multiple images at one time. In this how-to article, we explain how to add new photos to the gallery, remove photos from a gallery, add captions and delete your photo gallery. Logging-In First things first, you must log-in to your Virteom powered website. You can do this by visiting your website and adding /virteom at the end. This will take you to the log-in screen for the site. Enter your email address in the email field Enter your password in the password field Click 'Login' Navigate to the PhotoGrid Module Once you're logged-in you click 'Dashboard' from the top gray editor menu. After clicking 'Dashboard' use the left sidebar menu to navigate over to 'Modules'. The module that handles gallery images is called 'PhotoGrid.' Find PhotoGrid in the menu and click it. Now that you are in the PhotoGrid module, you'll see an inventory list of all the PhotoGrids on your website. The inventory page allows you to add a new gallery, edit an existing gallery or delete one altogether. Adding a New Gallery To add a new gallery to the website, click 'Add New' from the PhotoGrid inventory page (image above). Once you click 'Add New' a new page will populate. Note: You may need to enable Adobe Flash to

Why Do My WordPress Plug-Ins Keep Changing?

Why Do My WordPress Plug Ins Keep Changing

Posted By Olivia Justice
June 18, 2019 Category: WordPress

WordPress is a publishing platform for managing your digital presence and establishing your brand. Even if there are no built-in options, themes, or features that you want or need, there are thousands of third-party plugins and web apps that can be integrated seamlessly. According to W3techs, WordPress has 58.8% of the CMS marketshare. However, what most site admins discover as they develop and expand their WordPress powered site, every plugin you install requires a steady stream of updates to keep all features working properly. Essentially, the maintenance is a nightmare.  Developers update, upgrade, add-on and change plugins on what feels like a daily basis. If you don't have the technical knowledge to read through the plugin updates or version notes, you may be upgrading to a plugin that is not compatible with the version of WordPress you're running. And even if you have the technical knowledge, you may find that an update to one plugin has completely messed up the functionality of another plugin. Some updates can really cause a trickle-down effect into the other plugins your website uses. When developers update their plugins, they're not always conscious of how their updates will work with other plugins — and how do you expect them to? Each plugin has it's own team of developers behind them. DEVELOPERS ARE NO LONGER PROVIDING SUPPORT FOR PLUGINS In other cases, a plugin that was perfect for your site that was working fine has

How to Edit Your Website Footer

How to Edit Your Website Footer

Posted By Olivia Justice
May 07, 2019 Category: Modules, Learning, How To

The purpose of a website footer is to help visitors by adding information and navigation options at the bottom of the webpage. More often than not, the footer of your website doesn't change, and it really shouldn't...like ever, because it's giving end-users links to service pages and contact information. But in the case you get a new phone number or address, the need to change your footer comes all the more important because again, this information appears on every single page of your website. You don't want the wrong contact information everywhere!  So , what do you do if you need to update the footer on your RocketSite? Have no fear! With RocketSites, it's really easy to go in and make edits to the footer of your website all on your own.  Follow along this how-to guide to learn how to update the footer of your website in RocketSites. how to edit the footer on rocketsites Login To Your Site To make edits to your website's, you'll need to log-in first:  Login to the back-end of your website by visiting (your URL.com)/virteom Enter your username Enter your password Click 'Login'   Navigate to the footer module Once you're logged-in:  Click on 'Dashboard' from the top gray menu After clicking 'Dashboard' you should see a new set of menu items. Click on 'Modules' from the left sidebar menu Select 'Footer' from your list of modules  Please note: every site

Modifying Site Navigation

Modifying Site Navigation

Posted By Olivia Justice
January 28, 2019 Category: How To, Navigation, Menus

Want to change the order in which your navigation items appear? Want to remove or add a menu item? No worries, this is all possible within Virteom CMS. Rearranging menu items in virteom cms To start rearranging the order, your menu-items appear login to the back-end of your website.  Login to the back-end of your website by visiting (yourdomain.com)/virteom Enter Email Enter Password Click 'Login' Once you log in, click on 'Site Pages' or 'Navigation' from the menu. Once you arrive at your Navigation, you'll notice the pages of your website have a distinct hierarchy. The pages on your site show in a "tree" layout - meaning the topmost item is the main menu item, and the pages that appear below it (indented) are "children" of the menu items. This, in turn, is used to determine how the navigation on your website will appear. For example, if you have a menu on your website that looks like this: the corresponding navigation in Virteom would look like this: In this example, "Services" is a "parent" menu item of several "child" pages – "Cross Contamination Program", "Carpet Cleaning", "Floor Cleaning", "Window Cleaning", "Day Matron Service", "Construction Cleanup", "Green Cleaning" and "Wholesale Supplies." "Cross Contamination Program" appears first in the drop-down menu because it's the first child p

How To Enable/Disable Products in Virteom CMS

How To Enable/Disable Products in Virteom CMS

Posted By Olivia Justice
January 21, 2019 Category: Learning, ECommerce

Do you have a product that is not currently for sale in your Virteom shopping cart? Maybe you have products that are only available during the holiday season or during a specific month. We know how time consuming it can be to have to reupload products, so instead of deleting your product, you can simply disable your products for as long as you want. Enabling it again when it becomes available. So, how do you enable or disable a product in Virteom CMS? Keep reading to find out.... How to enable/disable a product First, you'll need to sign into the back-end of your website by visiting yourdomain.com/virteom -- just tag /virteom at the end. Visit (insertyourdomain).com/virteom Enter your email Enter your password Click 'Login' Navigate to Products Once you've logged in, click on 'Manager' from the top-editor. From the left-hand menu, select 'Store' Once you're in the store, select 'Products' from the left-hand menu Locate the item you would like to make available or disable. Click 'Edit' next to that inventory item. Once your in your product, scroll down until you locate the 'Product Enabled' checkbox. If you would like to disable this product, uncheck the box. If you would like to enable this product, make sure the box is checked. Once you've enabled or disabled your product hit 'Save' at the bottom of the screen. Wah-lah! You now have either enabled a product that

Adding an External Link to Your Navigation

Adding an External Link to Your Navigation

Posted By Olivia Justice
August 17, 2018 Category: Navigation, Pages

Adding and deleting pages that exist within your website is easy with Virteom CMS - just check it out here. But what if you want a link to go out to a different website? Or to a PDF? That's a little bit less intuitive.  In this how-to article, we'll go over how to link to external web pages in your navigation and how to link to documents. How to link to an external website First things first, you'll need to login to the back-end of your website. This is simply your domain URL with /virteom tagged on the end. (For example, ours is virteom.com) and then you enter /virteom after. To login to the back-end of our website, we'd type virteom.com/virteom.)  On this screen, you'll enter your username and password Once you're logged in, click 'Site Pages' (if you're on Rocketsites) or 'Navigation' (if you're running Virteom CMS 8 and under)    Once you're on the 'Site Pages' you'll see your entire website structure. To add an external link to your navigation, locate the 'Main' section and click the '+' next to it.    A new window will popup and ask whether you're creating a New Page (Content), Directory, or a Link. Since you're linking out to an external website, click the 'Link' button.   Once you click the 'Link' radio button, you will be able to enter the page name and paste in the external URL.  In the

Why Does My Website Look Different in Different Browsers?

Why Does My Website Look Different in Different Browsers

Posted By Olivia Justice
August 02, 2018 Category: Responsive

If you have ever wondered why your website looks different in different browsers, you don’t have to worry that you’re going crazy. There is a legitimate reason why your website may look off in different browsers, like Internet Explorer. Read on to learn why this happens. Why Does my Website Look Different in internet explorer? Websites are made up of a set of instructions spoken in a web code language, most often HTML or CSS. Often, different browsers interpret code languages differently, which results in different interpretations. Here are some ways this issue affects your website:   Browser Default Settings:   When a browser reads the code behind your website, it translates the information in the default settings. For instance, Safari and Chrome have different default fonts, which means the font on your site changes when viewed in these browsers. For example, Safari defaults to the Helvetica family and Microsoft's Internet Explorer defaults to the Arial font family.  Default issues are likely the most common reason for variance between browsers. The look and feel of a site may change, but functionality and the user experience remain intact. Code Changes   Web code is constantly evolving and browsers may lag behind when making any necessary changes. An older version of a browser may not support the latest standards. So, a modern website may speak a language that is not fully understood by the browser. For example,

How do I change my password?

How do I change my password

Posted By Olivia Justice
July 17, 2018 Category: How To

If you need to change your password in Virteom CMS (or Rocketsites 1.0) follow the directions outlined below: Log-in with your current credentials Visit your website/virteom to log-in to the back-end of your website and enter your current credentials: Navigate to Member Management After you log-in: Rocket Sites 1.0 -- Choose 'Dashboard' from the top navigation Virteom CMS -- Choose 'Manager' from the top navigation From the left-hand menu Choose 'Members' Find Your Name / Account Once you are on the members page, search for your name (or locate it on the page) and click 'Edit' Change your Password Now that you are on your member page: 1. Update your password by typing a new password in the Password box 2. Click 'Save' Your Password is now updated! If you need any further assistance, please send a request in to our help

How to use the Redirect Module

How to use the Redirect Module

Posted By Olivia Justice
October 11, 2017 Category: Modules

Changing URLs is restricted in Virteom CMS - Why? Because it can wreak havoc on your website. Changing your URL can result in: Loss of SEO Ranking Loss of referring site traffic. Have you ever been to a site linked from a blog you were reading and then get a 'Page does not exist error?' - It is likely that they changed the URL. Email Clicks go to Dead URLs & much more! To learn more about why changing URLs can devastate your SEO traffic CLICK HERE. But we understand that sometimes changing your URL is neccesarry. We suggest adding a redirect on your page. Redirection is the process of forwarding one URL to a different URL. This allows you to send users and search engines to a different URL than the one that was originally requested. Virteom CMS makes it easy for you to add a redirect on your website. Keep reading this how-to guide to get the scoop: How to add a redirect on your website First things first, you'll need to login to the back-end of your website. Type in your name and password and click login. Now that you're logged in, you'll be greeted by your homepage. In top black Navigation click on Manager Accessing Modules from the Website Tools In the left hand panel Website Tools you'll see a item listed asModules. Click on it. On the left you should see a dropdown of all the modules (or commonly known as plugins) that are installed on your website. They also display on the right hand side. 1. From the menu

Improving your SEO in Virteom CMS

Improving your SEO in Virteom CMS

Posted By Olivia Justice
September 29, 2017 Category: Search Engine Optimization, How To, Learning

SEO in Virteom CMS Search engine optimization (SEO) is an important piece to your website. Generating traffic from organic searches to your website is a key part of your online business. The time and effort you put towards your websites SEO can mean all the difference. That's why adding things like browser titles, meta descriptions and meta tags for every page on your site is important. Adding these behind the scenes SEO tactics, you can improve your search appearance. In Virteom CMS, we make it easy to add things like meta description, meta tags and browser titles in. Follow along with this how to learn how to add this SEO information on all the pages of your website. First things first, you'll need to log-in to the back end of your website. Once you have logged in, you should see a black navigation bar at the top of your screen. Click on 'Navigation' from the black taskbar at the top of your screen Click on the 'Edit' icon that is next to the page name you'd like to add SEO information to Adding a Browser title in Once you navigate to the page you'd like to edit the browser title, meta description or meta keywords for - you'll need to go in edit mode. 1. In the top taskbar, click on 'Editor' As you can see (below), in the tab on my browser it is displaying the website's URL instead of saying the name of the page "Website Design | Virteom" To edit your browser title: 2. Click on the black sid

How to Add a Button Style to Your Webpage

How to Add a Button Style to Your Webpage

Posted By Olivia Justice
September 13, 2017 Category: Buttons

Your website has been launched. Congrats! You may be happy with the way things look for a while, but as you may know - creating new content is necessary to stay relevant online. As you create your new web pages, you'll more than likely find yourself in the need of a stand out button. Stand out call-to-action (CTA) buttons let your customers know what action you want them to take. It keeps them from being distracted from all of the other links that are provided on your website.  But, how did Virteom add that stylish BIG call-to-action (CTA) button that is sprinkled throughout your website? And, furthermore, how can I use that same style? This how-to guide will show you how to add button styles to the links you create on your website. Locating your button style The first step in the process is locating the button style you want to replicate. Where does this button live? Do you see it on another page on the website? If so, navigate to that page on your site. If you have are computer savvy, and can figure out how to use the developer tools - keep reading the next steps in this part. If you have trouble, simply send us the URL of the page with the button you like with the following request to our help desk system: Hello team, Can you please tell me what the class of the button on this page? (Paste URL here). Thanks, If you're using Google Chrome, you can use developer tools to determine the class of the button. Right click on the button and cli

How to Check Your Form Submissions

How to Check Your Form Submissions

Posted By Olivia Justice
August 22, 2017 Category: Forms, Form Submissions

Worried you may have missed a lead? Checking who has submitted a form on your website is easy with form submissions. Form submissions allow you to see who has submitted a response to any form on your website in one Excel file. Keep reading to learn how to access your form submissions in Virteom CMS.  Logging-In First things first, you must log-in to your Virteom powered website. You can do this by visiting your website and adding /virteom at the end. This will take you to the log-in screen for the site. Enter your email address in the email field Enter your password in the password field Click 'Login' Navigate to the Forms Module Once you're logged-in you click 'Dashboard' from the top gray editor menu. After clicking 'Dashboard' use the left sidebar menu to navigate over to the Forms module     Click on "Forms" on the left-hand side Click on "Submissions" on the left-hand side underneath "forms" Exporting Form Submissions A new screen will load once you click on 'Submissions'.  Export Date Specific Form Submissions  If you'd like to see the form exports for a specific period of time you can utilize the start end end date fields. To select a start date click into the 'Start Date' field. It will open a calendar to choose from.  Select your start date. Follow the same steps for the end date field if you'd like to see form submissions fo

How to Resize Images for Responsive

How to Resize Images for Responsive

Posted By Olivia Justice
March 24, 2017 Category: How To, Image Resize

Is your website powered by Virteom CMS? Do your images look good on your laptop but not on your 4k monitor? Are your pictures a good size on desktop but become oversized or deformed on a mobile device? More than likely you’re using pixels to set the dimensions of your photos, but is that the best way? This article will explain how you should be sizing the images on your Virteom powered website so that they look good across all devices. As you make edits and additions to the pages of your website you find yourself adding images to support your content. Typically, the size of your image is too large for your page and with the popup picture below you set dimensions of your image using pixels: Setting your images dimensions using pixels is what makes your image stretch on your cell phone or from one screen to another. You don’t want to use pixels to set the dimensions of your images. For example: Here we have a picture of a tablet: Once we add it into the image uploader we see the width and height of this image is 1000px by 667px. If we kept it that size, it would be very large on the page and it would take up a lot of space. If it was viewed on a mobile device, it would appear stretched out and require you to scroll left and right. Take a look:   Your first instincts may be to resize the image using the width and height that are in the image properties. If we resize the image to 600px by 400px and preview the page you’ll see in the browser it lo

How to Use the Sidebar Menu

How to Use the Sidebar Menu

Posted By Olivia Justice
February 13, 2017 Category: Sidebar Menu, Page Information

How to use the Sidebar Menu Sidebar menus have been used as a directory for Related Pages to a Service offering, Navigation items to a specific service or topic and even just as Links the visitor may be interested in. Sidebar menus are extremely useful and allow users to control what links are added to a page as new content is created and if old content is obsolete. Does your website have a sidebar menu, but you're not exactly sure how to add navigation items to it or how to add it to a new page? This how to guide will take you step by step on how to create the menu item for the sidebar menu and how to add the sidebar menu to your page. Signing into the Virteom CMS First things first, you'll need to sign into the back-end of Virteom CMS. Go to www.yourwebsite.com/virteom and type in your username and password. Creating a New Menu from Scratch for your Sidebar Menu Now that you're logged in, you'll need to access your Navigation: 1. From the Black Navigation bar at the topic of your screen click on Navigation. 2. You'll be taken to a screen that contains all the pages on your website. From here, you'll want to create a directory. A directory is essentially a folder of pages. Creating a New Directory To create a new directory in your Navigation: 1. Click on the 'Add Menu' button at the top of your Site Map. 2. A screen will popup prompting you to enter the Menu Name. Your menu name will be for internal use, if your

How to Add, Edit and Delete Info Boxes

How to Add, Edit and Delete Info Boxes

Posted By Olivia Justice
February 09, 2017 Category: How To, Info Boxes, Modules

How to add, edit and delete Info Boxes Does your Virteom powered website use info boxes to display information about your services? Are you stuck trying to use the editor but confused why you can't change the content within the box? Well, wonder no more. This follow along article explains how you can change the photo, text, button and link that is within these infoboxes. Log-in to your Virteom Powered website Obviously enough, you need to be logged in to edit the infoboxes. So, go to yourwebsite.com/virteom. Once you're logged in, access the Manager Now that you're logged in, you'll be greeted by your homepage. In top black Navigation click on Manager Accessing Modules from the Website Tools In the left hand panel Website Tools you'll see a item listed as Modules. Click on it. On the left you should see a dropdown of all the modules (or commonly known as plugins) that are installed on your website. They also display on the right hand side. 1. From the menu select Info Boxes. Here you'll see your inventory of Info Boxes that you have on your site. Allowing you to add, edit and delete info boxes on your Virteom powered website. 2. To add a new Info Box click "Add New" at the top of the page Adding a New Info Box Everything about adding a New Info Box is pretty self explanitory. Once you get to this page you'll need to fill in the following information: 1. Title: This is 2. Rich Text Editor: this area

How to Add, Edit and Delete CTAs From Your Website

How to Add, Edit and Delete CTAs From Your Website

Posted By Olivia Justice
February 08, 2017 Category: CTAs, Call To Actions Module, Call To Action, Modules

How to add, edit and delete CTAs from your Website Driving traffic to your website is great. But you can't always reap the benefits of all that traffic without adding a call to action to your page. What is a call to action? It is an image or instruction that drives the visitor to take action. Maybe it is to take them to a landing page that drives them to fill out a form, to sign up for your services or to download your whitepaper. In some cases, a call to action could just invite the user to take a look at some of the other services you have to offer. Almost every page on your website needs a call to action. It gives the page purpose while also supplying your visitor with information. So, now you're wondering - how do I add a call to action to my Virteom powered website? Well, it's easy! Follow this guideline, and we'll get you in action in no time. Log-in to Your Virteom Powered Website Obviously, you'll need to sign into the back-end of you website to add a CTA to your page: Go to: www.yourwebsite.com/virteom   Now to access the Call to Action (CTA) Module Now that you're logged in, you'll be greeted with your beatiful homepage. From the black Navigation bar at the top of your screen click on Manager. Accessing Modules On the left hand side, in the Website Tools  you'll want to click on Modules. This is where you'll see all the modules that are currently installed on your website. If you don't

How to Change the Page Layout on Your Website

How to Change the Page Layout on Your Website

Posted By Olivia Justice
February 08, 2017 Category: Page Layout

Does the content on your page need a different layout? Do you like another page layout on your website but have no idea how to use it? Have you created a new page but don't know how to choose a new page layout? No worries. This article shows you the easy steps on how to change the page layout in your Virteom powered website. Log-in to your Virteom Powered Website First things first, you'll need to log in - of course - by going to yourwebsite.com/virteom Navigate to your Navigation Once you've logged in, on the top black bar, click on Navigation Access the page you wish to change the layout for From here, you'll see your entire sitemap broken down into sections. These are all the pages that exist on your website. We'll want to access the page you want to change the layout for. Scroll through the list (or use [Ctrl + F] to "find" and search the name]) of the page you're looking for. Once you've found it in the list click on the "Edit" icon next to its name in the Navigation.   Changing the Page Layout Now that you're on the page you want to edit the layout for, let's get to business. First, you'll want to click on Editor from the top black Navigation menu. For Virteom CMS Customers (Black Toolbar at Top): Next, you should see a black tab on the left side. You'll see it is a pull out menu, click on it.   For RocketSites Customers (Gray Toolbar at

How to Edit a Blog Post After It Has Been Published

How to Edit a Blog Post After It Has Been Published

Posted By Olivia Justice
February 02, 2017 Category: How To, Blogs

How To Edit a Blog Post after it Has Been Published Have you published a blog article on your Virteom powered website, but you've noticed you spelled something wrong or something needs tweaking? Or maybe you want to go back a few months later and make a revision to add some updated information. Well, don't fret - this how to article will explain exactly how to edit your blog post after you've hit publish in the Virteom CMS. Sign-in to your website Go to www.yourwebsite.com/virteom and sign in using your login credentials.   Access your Navigation Once you've logged into the back-end editor of your website, click on 'Navigation'.   Find the Blog Article you want to edit Now that you're in your navigation, you should see all the pages on your website. Look for the title of the blog that you want to edit - or if you've organized it as such, scroll down to the section of your navigation entitled 'Blog' and look through the titles to find the article that needs edited. Click on the 'Edit' button next to the title of the blog you want to Edit.   Edit the Article If for some reason you're not already in the editor click on 'Editor' from the top black navigation. Once you're in the editor, you can edit the text on the page for your published blog article. Just type in on the page as you did when you created the page.   Save your Changes Once you