img

Best Practices for Designing User Share Graphics

img
img

How to Design & Optimize Share Graphics in iFOLIO

Customizable share graphics in iFOLIO are a great way to immediately engage contacts with a high-end digital experience. Here’s how you can optimize your share graphics for best results.

  1. Accessing the Share Graphics Menu
  2. Designing the Email Banner
  3. Designing the Avatar Image
  4. Customizing the Text Message Image
  5. Editing the Signature Image
  6. Previewing Your Email

1. Accessing the Share Graphics Menu

To find and customize your share graphics, navigate to the user dashboard by clicking the User icon in the top right of the editor.

  1. Click the User Icon in the Top Right Corner
  2. Select “Dashboard” in the Dropdown
  3. Click “Share Settings”
  4. Click “Share Graphics”

img
img



img
img

2. Designing the Email Banner

The email banner is the landscape-oriented image that will appear at the top of each email that you send through iFOLIO.

Specifications:

  • Aspect Ratio: 5:1
  • Recommended Resolution: 1500px by 300px


Design Notes:

  • Keep subject or important visuals focused in the center of the canvas.
  • Avoid using text-heavy designs.
  • If using an avatar, ensure that important aspects of the banner are not conflicting.


img

3. Designing the Avatar Image

The Avatar Image appears in the bottom-center of the email banner. This is optional and can be removed by un-checking the “Headshot” checkbox above the email preview.

Specifications:

  • Aspect Ratio: Square
  • Recommended Resolution: 540px by 540px


Design Notes:

  • Use a clear, centered headshot or a simple, high-contrast logo that works at a small size.
  • The avatar is cropped to a circle, be mindful of content in the corners of the image getting cut off.

img

4. Designing the Text Message

The Text Message image will be displayed above the text message copy when you share an iFOLIO via text message.

Specifications:

  • Aspect Ratio: 7x9
  • Recommended Resolution: 840px by 1080px


Design Notes:

  • Simple backgrounds and color overlays work well.
  • Optionally, add an Avatar image / headshot with the same specifications as above by checking the “Headshot” checkbox.

img

5. Editing the Signature Image

To edit the email signature image, click the “Signature” tab in the Share Settings menu. Here you can upload an image alongside your email signature. This will appear in each email you send with iFOLIO

Specifications:

  • Aspect Ratio: Square
  • Recommended Resolution: 540px by 540px


Design Notes:

  • Use a clear, centered headshot or a simple, high-contrast logo that works at a small size.
  • The image will appear in a square by default. The image will preserve transparency if you upload a .png - this can be utilized to crop the image in a circle or other shape if desired.

img

6. Previewing Your Share Graphics

We highly recommend testing the email to yourself to experience the same flow that a recipient would experience when they receive your communication.

You can do this by sharing your iFOLIO to yourself in a 1-to-1 share:
How to Share 1-to-1

img
img

950 East Paces Ferry Rd NE, Suite 1500, Atlanta, Georgia 30326

Phone: 470 - 223 - 4818, | Email: info@ifoliocloud.com

powered by ifolio