One of the most common things to do in the WYSIWYG Editor is to add images. It's also one of the more complicated things to do. A WYSIWYG (pronounced "wiz-ee-wig") editor or program is one that allows a developer to see what the end result will look like while the interface or document is being created. WYSIWYG is an acronym for "What You See Is What You Get".

Note: This article shows you how to use WYSIWYG in Cart Designer. You can also use the WYSIWYG on Product and Category Descriptions.

Applies to Version(s): 3.7.X - 3.8.0 series

Adding an Image to Your Site Using the WYSIWYG Editor

Step 1

Login to your admin area. Go to Design > Cart Designer.

cart designer

There are 3 sections from the home page where you can use the WYSIWYG Editor; the header, the footer, and the center body section (home.html). You'll know if a section can be changed by the WYSIWYG if you right-click and see an option for WYSIWYG Editor.

Step 2

Find the area you'd like to add an image to > right-click > choose WYSIWYG Editor.

WYSIWYG editor

Step 3

Choose an area you'd like to place the image > Click the Add/Edit Image icon at the top.

add or edit image

Step 4

Next to the source field, click the Moxie Manager button.

moxie manager button

A Moxie Manager pop-up will appear. Select from where you'd like to upload the icon. Typically this would be in the Images folder.

Step 5

Once you've made the choice, click the Upload button at the top. In the next pop-up, click Add Files > select the image from the location you saved it above > click Upload. Select the image and click Insert. This will insert it into the section you've chosen.


Finally, click OK > Click Save.

Links to Related Articles

How to Use the WYSIWYG Editor

If your question was not answered, please contact the Pinnacle Cart Support Team. To submit a ticket, go to the My Account drop-down menu at the top right of the admin area and select Support.