Descriptions

Product Groups / Descriptions

A Product Group's Description being edited in the Product Group Window.

Since Tuplo Studio works directly with your website, you can customize the descriptions of each product group's webpage directly from the Product Group Window.

---

Publish/Revert Changes

Save and Revert buttons in the Product Group Window Description layout.

Before you start editing your product group descriptions, it’s important to know how to save your changes as you go.

• Changes made are stored as unsaved changes until you click the Publish button.

• If you decide to discard the changes you've made, the Revert button will return the description to its last published version.

---

Preview Changes/View in Browser

Clicking these icons will display the webpage for the current product group you are working on.

	Preview Changes Shows the product group webpage with any unsaved changes included.
	View in Browser Shows the current product group webpage.

Summary and Shipping Notes

Shipping Notes and Summary sections while editing a Product Description.

The Product Group Summary provides a quick overview of this product group's main features and advantages, making essential information easily accessible. Shipping Notes offer details and limitations concerning shipping.

The toolbar allows you to bold, italicize, underline, create lists, and add hyperlinks in the product group summary and shipping notes sections.

---

Description Editor

An easy-to-use description editor allows you to build product group descriptions using prebuilt element blocks and two primary controls.

The block element list.

• New Element Button: This button appears when you click the text field. Clicking this button reveals your crafting options when building a description.

• Controller Button: Once you've added a new element, this button offers related controls, like aligning text or modifying tables. You can also drag and drop to reorder your elements using this button.

---

Styling Menu

Styling Menu shown when highlighting a section of text in the Description.

When selecting a portion of text in the description, the editor displays the Styling Menu, which provides formatting options for that selected text.

Using these controls, you can modify the size, formatting, color, highlighting, and even insert code and apply hyperlinks to your text.

---

Images and Videos

Images and videos can enhance your product descriptions, giving customers better information about your offerings.

To add images:

• Drag and drop an image directly from the Image Assets window into the Description Editor.

• Paste an image URL into a text block.

Quick Tips!

You can add images to descriptions using image URLs, but if the original URL changes or is deleted, the image in your description will break. When you upload your images to the Image Assets window, you back up and store them in a central location, ensuring you never have to worry about broken image links in your descriptions.

To add videos:

1. Copy the video URL from Vimeo or YouTube.

2. Paste it into a text block.

3. Press Return.

---

Delete Element Blocks

To delete an element block from the description:

1. Click the controller button for that element block.

2. Click the Delete button.

3. Confirm deletion.

---

Video Tutorial

Learn how to create and format product group descriptions in Tuplo Studio, making it easy to organize and present your products.