Descriptions

Product Groups / Descriptions

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.


Save/Revert Changes

Before getting into the controls and process of editing your product group descriptions, it is important to cover how to save changes as you make them.

Like building assets, changes made are stored as unsaved changes until you publish them.

To publish changes:

  • Click the Publish button.

Alternatively, you can use the Revert button to discard any changes and return the description editor to its previous save state.

To revert changes:

  • Click the Revert button.


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

The Product Group Summary provides a quick overview of this product group's main features and advantages, making essential information easily accessible. While the Shipping Notes provide essential 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.

  • 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

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.


Place Images

Your uploaded Image assets can be included in your product descriptions.

To add images:

  • Drag and drop directly from your Images into the Description Editor.

Quick Tips!

Adding a caption also updates the image's alt text, which is important for SEO.


Place Videos

Videos from YouTube and Vimeo can be pasted directly into a description using their URL.

  1. Copy the URL from either site.

  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.


Last updated