Skip to main content

Univer.se Basics: Image Block

Add image to your site with the Image Block! The Image Block is free for all users to use and allows you to add images to your site. To be...

Written by Braden Boothby
Updated over 3 weeks ago

Add image to your site with the Image Block!

The Image Block is free for all users to use and allows you to add images to your site. To begin adding images on your site, draw out the desired area on the Grid, then select the Image Block from the block picker.

If you need help getting started or adding blocks to your site, check out the Welcome to Univer.se article here.

With each image that you add, you have the ability to style it and add an action that occurs when someone taps on it.

Adding a Photo

When you select the Image Block, you are first presented with a list of sources to choose from. When you select Photo, you will see a message asking for Photo Library Access. We need this to be able to use Photos from your device. You may be asked to grant access to all photos, or a select few photos.

If you have previously denied Univer.se access, tap Change Settings. You will be taken to your devices Settings app to toggle on Photo and Camera access.

After selecting granting access, you can choose to open your Camera or access your Camera Roll.

  1. Select a Photo from your Camera Roll or take a photo right from the app.

  2. Resize the block as needed by pinching and zooming.

Styling

The Image Block also allows you to add additional character to your images. The Style tab in the Image Block settings allows you to add a filter, change the positioning of your image, or to add a shape.

Add a filter: Scroll through our pre-loaded filter options to apply on top of your photo.

Change how your photo fills the block: Select Fit Whole Image to ensure your entire photo fits within your block. Selecting Crop to Fill will zoom in on your photo. For more info on how these look, check out this article.

Add a shape: Choose one of our 18 shape options to add a distinct outline or overlay.

Adding an Action

Much like the Text Block, you can assign an Action to occur when a site visitor taps or clicks on your photo.

These options and places to link to include:

  • Another page on your Univer.se site

  • Another website page

  • An email

  • A phone number

  • A full-sized version of your photo

Take the Image Block to the next level:

Ask the Community

Do not worry. You are not alone! Ask other Universe creators how they solved this problem. Visit the community. ✌️

Did this answer your question?