Merchants can provide details of the products such as photos, size charts, and videos in the product description and highlight the important information in the product summary. Here we will guide you through:
1. Product summary
Through the product summary, customers are able to quickly spot the product info without going over the product description, giving them a clearer and simpler way to know the product and make the purchase.
*Notes:
- The word limitation is 300 characters.
- Fields are optional.
- Customers can search products by entering the wordings in the product summary.
- If the SEO description of the product is left blank, the system will use the product summary instead as the content for the SEO description.
The product summary will be displayed on the product detail page in the storefront.
2. Product Description
Format feature introduction
The "Product Description" block provides basic text format elements, as shown in the picture below.
Supported features: Text style (Bold, Italic, Underline), Heading Tag, Font Size, Font Color, Highlight Color, Remove Formatting, Paragraph, Text Align, Line Break, Link, Image, and Video.
Here are a few commonly used text features:
A. Font Color
There are multiple color codes available for you to change the font color.
B. Highlight Color
Using the Highlight Color feature can make the text look more prominent.
C. Heading Tag
Mark your text content with H2 to H6 tags.
*Note: As the system automatically uses the H1 tag for product names by default, the H1 tag option is unavailable.
D. Remove Formatting
If you copy and paste text content directly from Word or other websites, it may carry its original formatting and syntax over, resulting in inconsistent presentation between the front-end and back-end. Therefore, it is strongly recommended to use the "Remove Formatting" feature after pasting the copied text. This will remove any other syntax, allowing you to utilize the text element above to continue your editing and designing.
E. Link
Highlight and select the text you want to turn into a hyperlink and click Link. Paste the link URL and click OK to complete the process.
Insert photos in the product description
To insert a picture in the product description, you can choose to Add Photo, From Gallery or Upload URL. Go to [Products & Categories] > [Products] > Edit and select the Info tab. Scroll down to Product Description and click on the "Image" icon.
A. Add image
Upload image directly from the computer.
B. From gallery
If you want to upload an image from the image gallery, please upload the image to the SHOPLINE image gallery first. For more details using the Image Gallery, please refer to this FAQ.
C. Upload URL
After you get the image link, paste the link into the field and click OK to successfully insert the image.
*Notes:
- SHOPLINE has fully upgraded to SSL encrypted environment. Please make sure you paste the link that begins with "https://" to avoid failed display in some browsers.
- When placing the image URL, pay extra attention to the image file format because not all image formats can be displayed. For example, Safari does not support reading the webP format.
Upon uploading the images, you can switch on the "Edit Image Alt Tag" toggle to set up the alt attributes for your Product Description images and enter text describing the content of the images.
For more details about image alt attribute, please refer to this article.
Insert videos in the product description
Inserting videos
Step 1. Get the link
Upload your video(s) to YouTube first, or find the video clip that you need on YouTube.
Step 2. Get the embed code
Go to the page of your YouTube video, then click SHARE.
Click Embed in the pop-up window.
Click COPY to copy the code. After that, return to the product edit page in SHOPLINE Admin.
Step 3. Add the code in the product description
Go back toProduct Description, click the Toggle HTML button on the toolbox and paste the code you copied from YouTube.
Note: After clicking the Toggle HTML button, the content of this field will change into HTML syntax. Please refer to this link for more details: View HTML from Text Editor.
Remember to click Update when you finish.
Insert YouTube Shorts
Step 1. Get the YouTube Shorts link
Get a YouTube Shorts from YouTube or from other search engines, and copy the URL of the shorts video.
Step 2. Change the link format
The format of the YouTube Shorts video URL will start with "https://www.youtube.com/shorts/", please change "short/" to "watch?v=" and reload the page.
Step 3. Get the embed code
Click the SHARE button underneath the video.
Click Embed in the pop-up window.
and copy the code. After that, return to the product edit page in SHOPLINE Admin.
Step 4. Add the code in the product description
Go back toProduct Description, click the Toggle HTML button on the toolbox and paste the code you just copied from YouTube.
Note: After clicking the Toggle HTML button, the content of this field will change into HTML syntax. Please refer to this link for more details: View HTML from Text Editor.
Remember to click Update when you finish.
Multiple language settings
If merchants are selling products to various market regions, SHOPLINE offers multi-language content settings. You can edit the corresponding content for different languages. When the consumer selects the corresponding language at the shopfront, the system will automatically show the content in the corresponding language.
Note: If only one language is edited while the other language is yet to be set, despite the language change at the shopfront, the system will automatically apply the edited language.
For example, if the store only has the product content in Traditional Chinese, when consumers switch the storefront language to English, the product description will still show the content in Traditional Chinese.
Comments