Add Items and Categories to Square Online in the Site Editor
With Square Online item sync, items synced to Square Online from your Square Item Library can be changed to several different item types and displayed on your site as needed. They can also be added to site categories you can organize separately from categories on your POS. In this article, we'll review how to add and manage site items and categories from your site editor.
Note: You can also add and edit items from the Square Online Overview page in your Dashboard for additional tools not found in the editor. Learn more about adding items and categories to Square Online in the Overview page.
To understand all Square Online tools and features in the editor, learn more about how to navigate the Square Online site editor.
Item Types and Visibility
Check out the seven item types found in Square Online you can display on your sites as needed.
Create a New Item
Understanding the section above, you can now create items from within the Square Online site editor in a few different ways:
Select +Add and choose Item from the dropdown menu.
Select the Page dropdown menu, scroll down to the "Item pages," and select +Add item.
With a page open, select the Add section button and choose one of the featured items sections. Then, select Add to place it on the page. These sections usually have a button to choose items to display.
Whichever method you choose, a popup will open where you can quickly add a new item.
First, enter essential information such as the item type, title, price and a description that will appear on the item page. Next, add one or more images and select a fulfillment method.
From here, select Save to finish or select More options to access all item settings as seen in the Square Online Overview page.
View and Edit Existing Items
To view or edit existing items, select the Page dropdown menu and scroll down to the "Item pages." Whenever you add a new item, a page is automatically created and added here. Select any item in the list of item pages to see how the item will look on your website.
You can edit the information for an item by selecting the item page and then selecting Edit item details. This will open the item edit screen and allow you to make changes and save them without leaving the editor. Below the Edit item details button, there are several options that allow you to customize your item pages.
Create a New Category
You can create categories from within the Square Online site editor in a few different ways:
Select +Add and choose Category from the dropdown menu.
Select the Page dropdown menu, scroll down to "Category pages," and select +Add category.
With a page open, select the Add section button and choose the Featured categories section. Then, select Add to place it on the page. These sections usually show a button in the editing panel to choose categories to display.
Note: You won’t be able to create more categories from within the editor if you’re using the Order Online ordering page template. Instead, create categories from your Square Online Overview page in Items > Site Categories and they’ll automatically appear on the Order Online page.
On the add category screen, give your new category a title, add an image, and choose which items to add to the category. Save when finished to see the items you selected displayed on the category page.
View and Edit Existing Categories
To edit an existing category, open the Page dropdown menu, scroll down to "Category pages," and select the category you want to edit.
Select the category page to open the options. You can edit the category details and customize your category pages just as you can with item pages.
Note: You won’t be able to edit existing categories from within the editor if you’re using the Order Online ordering page template. Instead, edit categories from your Square Online Overview page in Items > Site Categories and changes will automatically appear on the Order Online page.
Add Items and Categories to Your Navigation
You can add a link to your item and category pages using buttons, images, or text just like any other page on your site. You can also add them to your navigation menu.
To do so, select the header section on your site. Then, select Navigation links in the editing panel to edit your navigation menu. Select Add navigation link, choose the type of page you want to link to, and select or search for the specific item or category you want to add. Finally, select Save when finished, and you’ll see the page appear on your navigation menu. Learn more about how to create pages and navigation in Square Online.
Note: You'll be unable to link to category pages when using the Order Online ordering page template.
If your items display as Unavailable or don’t appear at all on your Square Online site, there are a few things to consider that could be the cause. Learn more about troubleshooting non-visible items in Square Online.