Inserting an image

An image can be inserted into the Welcome text area or into an article. Suggested guidelines for using images are:

  • The best style of image is a banner style long skinny rectangular shape with a maximum width of 420 px – your account template will automatically resize any image up or down to 420px in width.
  • The height of the image is at your discretion
  • The best position is stacked between two blocks / paragraphs of text – this is the best mobile friend positioning for an image
  • The best file formatt is JPEG (.jpg) or PNG (.png)
  • Resize or crop your image to the correct size before uploading – this is essential as there is an image editor function in your account’s image folder

Note – Your account template will automatically resize any image up or down to 420px in width.
If your image is smaller you’ll need insert the Class tag of “None420” on the image in the text – click here for more info

If you want to insert an image in to your text do the following:

  1. Click and open the “Edit Welcome text” screen
  2. Click into the Welcome text and say no to the “Paste from Word” pop-up box
  3. Insert-imageInsert/position your cursor where you want the image to be inserted
  4. Go to the tool bar with in the Welcome text and click on the “Insert image” icon – looks like stamp, toward the end of tool bar’s second row of icons
  5. This opens your Moxiecode Image Manager, click on the yellow “Image” folder
  6. Go to top right and click on “Upload”
  7. Click on “Choose files” or “Select files” – this allows you to access your computer & network
  8. Browse, find and select the image file you want uploaded
  9. Click “Open”
  10. Click on “Upload to server” – this places the image file into your “Image” folder
  11. Editing the image to correct size:
    1. Image-edit-menuFind the image file in the Image folder and go to the bottom right corner of the file
    2. Click on the black up-arrowhead to access the “Edit” option
    3. Click on the “Edit” option in the drop down menu and then select “Resize” – when resizing we recommend adjusting the width and allowing the height to auto reset
    4. Click “Apply”
    5. Click on “Save” – as same file name or give it a new file name
  12. Once saved double click on the image file – this will insert the image into the Welcome text area where your cursor was positioned

Remember – Scroll to the bottom and click “Submit” to save, then send a test email and check the image from the test email.

All about images

Further Links