End Year Sale!

Massive Discounts Up to 40% Off

Claim my discount!
Dashboard

Image Block

The image block allows you to effortlessly add images to your email editor.

Adding the Image

To add the image to the email editor, click the Add Block button (+) and select image.

Alternatively, select the Image block from the left panel

Available options to add the image block in visual email editor in Noptin

Choosing the Image

There are three ways you can choose an image to add to the email editor:

Upload

It enables you to add an image from your local computer

Media Library

It enables you to add a preloaded image from your website’s library

Insert from URL

This option makes it possible to use an external image URL

Image Block Customization

The Image block toolbar has options to enable you to customize the image to your liking

Image block tool bar

Image alignment

Decide whether to place the image on the left or right periphery or in the middle of the email

Click the Alignment button on the tool bar to choose the alignment

Add Caption

Caption adds context to your image by description.

On the Image block tool bar, select the caption button to add.

You can add a link to your image so that it opens to another page whenever it is clicked.

Press the Linkage button on the tool bar to add the link.

Crop Tool

Press the crop button on the tool bar to remove the unwanted edges of your image

Image Resize

Open Settings on the right side of the screen to set the image size that you prefer.

By default, the image will be full size, but you can adjust to the size you prefer.

how to resize image in visual email editor

Image Style

Alter the appearance of your image by setting the styles.

On the right menu select Block > Styles to adjust elements like image borders, padding and radius

how to style image block in Noptin visual email editor

Related Guides

  • Social Icons Block

    The Social Icons block in Noptin visual email editor allows you to add icons linking to your social media profiles or sites in the email. Adding the Block Navigate to the visual email editor Choose the Social Icons on the left panel to add the block into the email editor Alternatively, Click the “+” button in the…

    Read More

  • Columns Block

    The Columns Block allows you to add different types of columns to your email Adding Columns Select Columns: In the block, select the type of column you want to use. Add Content: Click within each column to add content. You can insert other blocks (like images, headings, or paragraphs) into each column. Increase/Decrease Columns Column…

    Read More

  • Separator Block

    The separator block in Noptin visual email editor creates a break between two blocks of content with a horizontal line. This helps create a separation between ideas or sections in your content or email Adding a Separator Block Open the visual email editor in Noptin On the left panel, Select Separator to add the separator block in…

    Read More

  • Spacer Block

    The spacer block in visual email editor in Noptin allows you to create space between two blocks. To add a horizontal space (between blocks in a row), the spacer block has you covered. Adding a Spacer Block Block Toolbar Options Transform Convert the Spacer block into a Columns or Sections block. Click on the Spacer button on the tool bar to…

    Read More

  • Paragraph Block

    The paragraph block is the building block for adding text content in the email editor. Adding the Paragraph Block Alternatively, click on the Add button (+) in the email editor and choose paragraph. Then add content Editing the Paragraph Block Adjust the typography, color, margin and boarders of the block. On the right menu, select…

    Read More

  • Heading Block

    The Heading block allows you to add HTML headings to your email. Headings communicate the agenda of your email or sub-headings summarize the paragraphs. Adding the Heading Block On the right panel select Heading to add the heading block in to the email editor. Alternatively, click on the Add Icon in the email editor and…

    Read More

  • Raw Block

    Despite Noptin email editor being visual, you can use raw HTML and CSS to modify various elements to your liking. Adding the Raw Code Customizing the Raw Block Add Your Code

    Read More

  • Button Block

    The button block allows you to add buttons in the Noptin visual email editor A button highlights a specific call to action (CTA) that you might want your readers to undertake Adding the Button Block Open the visual email editor in Noptin On the left panel, select Button Alternatively, in the email editor, click on…

    Read More

Leave a Reply

Your email address will not be published. Required fields are marked *