Our platform now offers the ability to edit your InstaSites builds at any time with no purchase required. While you still need to purchase the site to make it your own and transfer domains, you can access the editor directly and customize anything to your liking.
This document provides a quick overview of how to access the website editor. In the end, we will provide a link to our website help center, which provides an exhaustive overview of how to do virtually anything you want with the editing tools.
How to Access the Website Editor
To access the website editor, follow these instructions:
Log in to your account. Then, navigate to the InstaSites application via the app drawer.
Within the application, click on the My InstaSites tab.
Locate the site you wish to edit from the list. Your site must have the status Built. If it is currently Queued, Retrying, or if the build Failed, it will not be available.
Then, hover over the company name to reveal a blue gear icon. Click on this icon.
In the small menu that appears, click on Edit.
A new tab will appear in your browser featuring your website. You are now visiting the website editor.
Things to Note About the Editor
All changes you make whether intentional or accidental will now be reflected in the website preview. Be mindful of this if you have already sent out notifications to your business clients for review.
We will run through the basics of using the editor, before linking you to our comprehensive help center designed specifically for using these tools.
Navigating the Main Menu
The main editor menu exists as a column on the left side of the page. It features the following tabs with their own submenus:
DESIGN - This houses options for editing global design features. Global design features are features that are reflected throughout the entire website simultaneously.
PAGES - This is where you can create, name, and organize the pages you want on your website. You can also create popups, edit SEO metadata, and restrict access.
WIDGETS - These are the simple applications you can use to create specific sections or features throughout your website. It contains everything from a basic text box or column to Google Maps displays and social media icon links.
CONTENT - This is your content library. The information you provided from your business contact when building the website exists here. The editor pulls information from the content library to instantly customize the website accordingly.
We created a help article specifically for editing business information in the content library, which you can find here.
PERSONALIZE - This allows you to build your own custom rules for the various design features and widgets available within the website editor.
BLOG - This allows you to add, manage, and publish blog posts independently from the rest of the site. You can also edit the layout and import posts from an RSS feed.
SETTINGS - This primarily features setup tools for backend settings such as favicons, custom domains, SSL certificates, and much more.
Using the Top Menu
While the top menu doesn’t house as many key features, you will still need to make use of it during your time within the editor. We will move from left to right and explain what each button does below.
Clicking this dropdown provides an alternate way to navigate your main website pages. Be aware that you can also navigate the website by using the menu on-page within the editor.
Right next to the navigation menu exists three icons representing a desktop PC, a tablet, and a mobile device. Clicking any of these icons will automatically update your page view in the editor to match the browsing experience with that device.
Search the Editor
The magnifying glass located to the right side of the screen allows you to quickly search the editor for tips and help articles. If there’s anything you’re unsure of, you can quickly find assistance by typing in relevant keywords within the search field.
Info & Tools
This menu is indicated by the “i” surrounded by a circle on the right side of the menu. This contains general information about the site where you can change the editor language, preview stats (once it’s live), and grab a preview link to share with your team or clients.
Further right you will see a checkmark either in white or in grey. This checkmark serves to indicate whether or not the editor has saved your changes. This will change depending on its status:
White checkmark - All changes are saved.
“ … “ - The ellipses indicate that your recent edits are in the process of being saved.
Grey checkmark - Indicates that you have made edits, but the editor has yet to save them.
Undo and Redo Edits
The arrow icons looping left or right allow you to undo or redo edits respectively. If at any time you are unsatisfied with a change, be sure to click undo edit as soon as possible.
Be aware that if you make any edits and leave the editor, the undo option will not work. You will need to manually change the site back to its previous state.
This is indicated by </> in the top menu. This opens the text editor for editing HTML and CSS.
You can quickly transition from editing mode to preview mode using this button.
Editor Help Center
The question mark icon opens a new tab, which takes you to the help center mentioned earlier. This will cover every question you could possibly have in regards to editing your website.
You can quickly access the help center by following this link.
Finally, this button will take you to a general site overview, which contains general information, visitor statistics, form responses, and more. This section will not be relevant until you purchase and begin using the website.
This is the general information you need to access the editor and familiarize yourself with the tools inside. Be sure to visit the website editor help center to learn how to perform any specific actions within the editor.
Remember, you can undo any changes by utilizing the top menu. Feel free to experiment as the editor is intuitive and will become easier to use as you become more familiar with the tools. Happy editing!