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.
- Select a Photo from your Camera Roll or take a photo right from the app.
- 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:
How To Make Your Photos Expand
How To Add a Filter to a Photo
How To Edit Your Photos to Fit In Your Blocks
How To Change the Way Images Display in the Image Block
Ask the Community
Do not worry. You are not alone! Ask other Universe creators how they solved this problem. Visit the community. ✌️