Write and format a description

Write and format

Type in the box under Description. Press Enter for a new paragraph, or Shift+Enter for a new line in the same paragraph. Select some words, then choose a tool to format them.

1234567

1. 1Text style. Paragraph, Heading 1 to Heading 6, or Quote. Use a heading for each part of a long description.
2. 2Bold, italic, underline. For the words that matter most.
3. 3Color. Text color or highlight, from the swatches or a color code. Remove color takes it off.
4. 4Alignment, lists and indent. Left, center or right; a bulleted or numbered list; Indent and Outdent move a list item in or out a level.
5. 5Link, photo, video, table, clear. Insert link, Insert image, Insert video and Insert table are steps 3 to 6. Clear formatting turns selected text back to plain words.
6. 6HTML. Shows the code behind the description. See step 7.
7. 7A photo in the description. This one is centered and Small. Steps 2 and 3 show how.

Pasting from somewhere else? Headings, lists, tables, links and photos come across. The other site's fonts and page styles are left out, and a message says so. Choose Paste as plain text on that message if you want the words only.

Write with AI, above the box on products, courses and trips, writes a formatted description for you from the details on the form. The line under the box shows how many AI credits you have left. Nothing changes until you choose Use this and then Save.

Add a photo, with its alt text

Put the cursor where the photo should go. For a photo on its own line, press Enter first, so it doesn't share a line with your words. Then choose Insert image.

123

1. 1Where the photo comes from. Upload a photo from your computer or tablet (JPG, PNG, WebP or GIF). This product's photos reuses a photo already on the product. Web address takes a photo's link; OneDive keeps its own copy, so the description doesn't break if that site takes the photo down.
2. 2Alt text. Describe the photo for someone who can't see it. Screen readers read it out, and search engines read it too.
3. 3Insert image. Puts the photo in the description.

Photos in the description don't count toward the product's 12 photos. A big upload shows Uploading on the photo; if you choose Save before it finishes, OneDive asks you to wait. If an upload fails, the photo keeps its place with Try again and Remove.

You can leave alt text blank and still save. The photo then shows an Add alt text button in the editor, so it's easy to spot later:

1

1. 1Add alt text. Opens Image details with the alt text box ready.

Size and place the photo

Double-click a photo, or tap it and then its pencil button, to open Image details.

1234567

1. 1Alt text. Change it here at any time.
2. 2Size. Small, Medium, Large or Original. You can also drag a corner of the photo in the editor. The photo file itself never changes, and it never runs wider than a phone's screen.
3. 3Alignment. In line sits it in the text. Left, Center and Right line up the photo and the rest of its line, which is why a photo on its own line works best.
4. 4Wrap text around the photo. For a photo on the left or right: the words flow down beside it.
5. 5Space around the photo. A gap in pixels on each side, so words don't touch the photo.
6. 6Link the photo. Optional. Clicking the photo then opens that address.
7. 7Remove photo. Takes it out of the description. The product's own photos are not touched.

Choose Done to keep your changes.

Add a link

Select the words to link and choose Insert link.

1234

1. 1Link to. A web address, a page on your own website like /collections/regulators, an email address starting mailto:, or a phone number starting tel:.
2. 2Link title. Optional. Shows when someone holds the mouse over the link.
3. 3Opens in. The same tab for pages on your own site. A new tab for other sites, so customers don't leave your store.
4. 4Add link. Turns the words into the link.

To change a link later, click in it: its address shows with Edit and Remove link.

Add a video

Choose Insert video and paste a YouTube, Vimeo or SoundCloud link, or the embed code those sites give you. A preview shows before you choose Insert video.

A video from any other site can't go in a description. Upload it to YouTube first, then paste that link.

Add a table

Choose Insert table for two columns and two rows, the usual spec list: a name on the left, its value on the right. A table pasted from a website or a spreadsheet comes in as a table too.

12

1. 1Add rows and columns. Row above, Row below, Column left, Column right, from the cell the cursor is in.
2. 2Delete. Delete row, Delete column, or Delete table for the whole table.

The bar shows while the cursor is in the table. Press Tab to move to the next cell; Tab in the last cell adds a new row.

Show HTML, if you need the code

Most people never need this. Choose HTML at the right of the toolbar to see and change the code behind the description, for example to paste code a brand sent you.

123

1. 1Back to editor. Returns to the normal view. The formatting buttons are off until you do.
2. 2A line that can't stay. Here, a video from another site.
3. 3Why. Each line that can't be kept says why. It is taken out when you go back to the editor.

Code that runs (scripts, and buttons or links that run code) is never kept. Anything Shopify's own editor accepts is kept exactly as typed.

Save

Choose Save on the form. The description is saved with the product, rental, course or trip.