Adding images to a content page (CMS page) can enrich the user experience and enhance the presentation of your online store.
Utilize the WYSIWYG editor for CMS pages.
PrestaShop incorporates a WYSIWYG (What You See Is What You Get) editor for managing the content of its CMS pages. This editor allows for the easy insertion of text, links, and images directly into the body of the page.
Steps to insert an image:
- Access the PrestaShop back office, then navigate to the section "Appearance > Pages."
- Select the CMS page to modify or create a new one.
- In the content editor, click on the image insertion icon.
- You can then either import an image from your computer or select an image already present in the media library.
- Once the image is selected, you can configure its attributes (alternative text, size, alignment, etc.) to optimize accessibility and search engine optimization.
- Confirm the insertion and save the page. The image will then appear in the content of the CMS page.
Important points:
- The images inserted via the editor are stored in the folder
/img/cmsof the PrestaShop server. - It is recommended to provide alternative text (its description) for each image in order to enhance SEO and accessibility.
For more advanced needs (photo gallery, interactive lookbook, etc.), there are specialized modules available, allowing for instance the addition of image galleries on various pages of the store, including CMS pages. Visit the PrestaShop Marketplace to find this type of modules.
Best practices for adding images.
- Prefer high-quality images that are optimized for the web (reduced size, JPEG or PNG format).
- Name the files descriptively and incorporate relevant keywords.
- Ensure that you have the rights to use each visual employed, especially for photographs of individuals or third-party images.
- Systematically provide alternative text for each image.
Frequently Asked Questions
What image formats are accepted on content pages?
PrestaShop accepts all common web image formats, including:
- .jpg / .jpeg – widely used for photos or lightweight visuals.
- .png – recommended for images with transparency (logos, icons, etc.).
- .gif – used for lightweight animations or simple pictograms.
- .webp (from PrestaShop 1.7.8 with server support) – a modern, lighter format, to be verified according to the hosting environment.