Add image to your site with the Photo Block
The Photo Block is free for all users to use and allows you to add photos to your site. To begin adding photos on your site, draw out the desired area on the Grid, then add the Photo Block from the carousel of options.
If you need help getting started or adding blocks to your site, check out the Welcome to Universe article here.
With each photo 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 add the Photo Block, you are first presented with a message asking for Photo Library Access. We need this to be able to use Photos from your device. As of iOS 14, you may be asked to grant access to all photos, or a select few photos.
If you have previously denied Universe 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 fright from the app.
- Resize the block as needed by pinching and zooming.
Styling
The Photo Block also allows you to add additional character to your images. The Style tab in the Photo 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 here (link to How do I change how images display in the Photo Block?).
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 Universe site
- Another website page
- An email
- A phone number
- A full-sized version of your photo
Take the Photo 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 Photo Block