Skip to main content
All CollectionsStep-by-Step Tutorials
Create an AI Generated Collage
Create an AI Generated Collage

Generate and save a collage image; generate and copy an AI caption; and customize a shoppable landing page.

Ariel Kersey avatar
Written by Ariel Kersey
Updated over 2 months ago

Video Tutorial: Create an AI Generated Collage

Our AI Collage feature allows you to create a collage of product images, and a shoppable landing page for multiple deep links. You can then share your collage links with our other features (BioLink and AutoDM) to share multiple products with just one link.

Create a Collage

  1. Click the “My Links” tab in the navigation bar at the bottom of the screen

  2. Click the “Create A New Link” button at the bottom of the screen

  3. Click the “Create AI Collage”

Choose Your Products

There are multiple ways to add items to your collage.

  1. Copy and paste new product links

  2. Or, choose from link list, including:

    1. Items from all three storefronts: Amazon, Target, and Walmart

    2. Products, boards, idea lists, and collections

    3. Individual items from within a board, idea list, or collection:

      1. Click on the board, idea list, or collection to see the items

      2. Check the box to the right of the items you want to add

      3. Click the “Next” button in the top right corner

3. Scroll through “Recent” or “Top Clicked” products, or

4. Use the search bar to find specific items

5. Add items to the collage by checking the box to the right

6. Selected Item Tracker: As you are selecting items, the tracker at the top of the screen will display how many items will be included

7. Click the “Next” button in the top right corner

Customize Appearance

Heading and Subheading (Optional)

  1. Add a Heading and Subheading in the designated text boxes

  2. If you don’t want a heading or subheading, delete the default text and leave the designated box(es) blank

Aspect Ratio

  1. Choose aspect ratio

    1. 1:1 is ideal for Instagram posts

    2. 6:9 is ideal for Stories and TikTok posts

    3. 9:6 is ideal for websites and blogs

Colors, Fonts, and Layout

Click the gold “Customize Colors & Fonts” button

Logo

  1. Upload a logo (must be PNG file)

  2. Use the toggle switch to include or exclude your logo

  3. Use the toggle switch to move your logo to the top or bottom

Header and Footer

Heading customizations will appear at the top of the collage. Every collage has a footer that says “Affiliate Links” in the image. You can choose to include your Instagram handle in the footer as well.

  1. Choose a heading font

  2. Choose a subheading font

  3. Use the toggle switch to include or exclude your Instagram handle

  4. Edit the handle you want to include in the designated text box

Custom Colors

  1. Change the background color. Use the dropper, or enter a hex code. Then click “Confirm”

  2. Change the font color. Use the dropper, or enter a hex code. Then click “Confirm”

  3. Upload a background image to display behind your collage images (Must be PNG file with aspect ratio of 1:1 or 6:9)

Save

When you’re done customizing the appearance of your collage, click “Save” in the top right corner.

Generate AI Collage

  1. Click the “Create GenAI Collage” button at the bottom of the screen

  2. After just a few seconds, Markable will generate 4 collages for you to choose from (2 grid and 2 scatter)

Edit Customizations

  1. You can edit the collage customization as needed. Refer to the “Customize Appearance” section above.

  2. Click the “Regenerate” button at the bottom of the screen to generate new collage images with any changes made

Save Image and Collage (without further customization)

(SKIP THIS STEP IF YOU WANT TO RESIZE AND REARRANGE BEFORE SAVING)

If you are happy with the simple collage images and don’t want to adjust the product images, you can choose to save the collage image now.

  1. Click the collage you want to share

  2. Click the “Download” button at the bottom of the screen. This will save the collage image to your photo library.
    ​


    ​

  3. Click the “Save” button in the top right corner

  4. Choose tracking IDs for Amazon and Walmart items

  5. Click the “Save” button

Resize and Rearrange Product Images

We have now upgraded the AI Collage feature so you can resize and rearrange the product images to be more aesthetically pleasing! You can even move the Heading, the Subheading, and the Footer text.

  1. Select the collage image you want to edit, then click the “Pencil” icon in the upper right corner to enter the image layout editing screen
    ​

  2. Click on the product image you want to edit. An orange box will appear.

    • To rearrange the images, use one finger to drag and drop

    • To resize the images, use two fingers to pinch and zoom

    • To layer the images, the last image you click on will be brought to the top layer of the collage

    • To remove an image, you can move it off screen

3. Click on the heading or subheading text to move or edit. An orange box will appear

  • Resize and/or rearrange the text as described in step 2

  • To edit the text, click the “Pencil” icon in the upper right corner of the orange box.
    ​

4. You can now edit the text of the Heading and Subheading. Click the “Save button” when you’re done.
​


​
​
​

5. Use the “Undo” button to undo your changes one at a time

6. Use the “Reset” button to undo all changes

7. Use the “Download” button to save the collage image to your photo gallery

8. When you’re happy with your changes, click the “Save” button in the top right corner
​

9. Add tracking IDs from the dropdown menus (Amazon and Walmart products)

10. Click the “Save” button


​

View Your Collages

  1. Click the “My Links” tab in the navigation bar at the bottom of the screen

  2. Click the “Collages” button on the right side of the screen

  3. Sort by Recent or Top Clicked

  4. Use the search bar to find specific collages

  5. Click counts are displayed for collage link clicks, and product clicks

  6. Tracking IDs for each collage are displayed

Delete a collage

  1. Swipe to the left on the collage you want to delete

  2. Click the red “Delete” button when it appears

Edit a Collage

  1. Click the “My Links” tab in the navigation bar at the bottom of the screen

  2. Click the “Collages” button, to the right of the storefront buttons

  3. Find the collage you want to edit, then click the Pencil icon on the right side of the screen

Edit Collage Image

Click on the “Collage Image” tab at the top of the screen

Edit Image Layout

(Use this option to resize or rearrange the product images)

  1. Click the “Edit” button to enter the image layout editing screen.

    1. Follow steps from “Resize and Rearrange Product Images” section outlined above to make changes

Edit Collage Customization

(Use this option to change the colors, fonts, logo, and aspect ratio)

  1. Click the “Regenerate” button to enter the collage customization screen.
    ​

    1. Follow steps from “Customize Appearance” section outlined above to make any changes

    2. Then click the “Regenerate” button at the bottom of the screen. Four new images will be generated.

    3. Once the new images are generated, they will revert back to the default layout. You can then choose to edit, resize, and rearrange as outlined previously.

NOTE: If you don’t want to save these changes, click the “Cancel” button in the top left corner of the screen

Save Collage Image

Use the “Download” button to save the image to your device’s photo gallery. This button appears in all steps of the editing process

Save Changes

To save the changes made to the collage:

  1. Click the “Save & Copy” button in the top right corner of the screen

  2. Attach tracking IDs

  3. Click the “Save” button

Customize/Edit Collage Landing Page Link

The Collage Landing Page is what your viewers will see when they click on your collage link. You can customize the content and layout of this page to suit your style and needs.

First, click the “Edit Collage Link” tab at the top of the screen

Add a Title

  1. Use the toggle to hide or display the title

  2. Click the “Pencil” icon to edit the title

  3. Add your desired text

  4. Use the dropdown menu to select a font style

  5. Click the “Save” button

Featured Images

You can choose to feature an image on the landing page for your collage. The default image is your collage image.

  1. To use a different image, click the “Pencil” icon in the upper right corner of the image

  2. Click “Replace” to choose a photo from your device’s photo gallery

  3. Click “Delete” to remove the image from your collage landing page

Another way to add a featured image after you’ve deleted the default image:

  1. Click the “Upload Featured Image” box

  2. Upload a photo from your device’s photo gallery

You can add the collage image back anytime by using the toggle for “Set the collage cover image as the featured image”

  • Switch to “Yes” to use the collage image

  • Switch to “No to remove the collage image; replace it using the instructions above if desired

Add or Edit a Landing Page Caption

  1. An AI Generated caption suggestion will appear on your landing page.

  2. If you are happy with the caption, click the “Apply” button

  3. To delete the AI caption, click the “Clear” button

  4. To add or edit a caption, click the “Pencil” icon
    ​

  5. Type a caption in the text box, or

  6. Click the “Regenerate AI caption” button to create a new AI caption

    1. Choose language preference

    2. Choose the tone, scroll to see more options

    3. Review the caption text

    4. Click “Try Again” button to re-generate caption

    5. Click “Confirm” button when you are done
      ​

  1. Use the dropdown to select a caption font style

  2. Click the “Save” button

Edit Products

To add more products to your landing page:

  1. Click the “Add” button, or

  2. Click the “+” symbol in the Collections or Products section, if it’s empty

  3. Add or remove products by checking or unchecking the boxes to the right

  4. Click the “Save” button in the top right corner

Reorder Products

Simply drag and drop the images into the desired order

Delete products

Click the Trash Can icon in the upper right corner of the product you want to remove

Preview

Click the “Preview” button at the top of the screen to view your landing page as your followers will see it when they click on your link

Save Changes

When you’re done making changes to your collage landing page,

  1. Click the “Save & Copy” button in the top right corner of the screen

  2. Attach your desired tracking IDs

  3. Click the “Save” button

Create an AI Caption

  1. Click the “My Links” tab in the navigation bar at the bottom of the screen

  2. Click the “Collages” button

  3. Find the collage you want to create a caption for, then click the “AI Caption” button
    ​

  4. Choose language preference

  5. Choose format

    1. No Link: best for Instagram and TikTok posts

    2. Has Links: Best for Facebook and YouTube posts

  6. Choose Tone: scroll to see more tone options

  7. Review the caption text

  8. Click “Try Again” button to regenerate a new caption

  9. Click “Copy” to copy the caption text

  10. Paste caption into your social media post

Share a Collage

Post a Collage

Now it’s time to bring all the pieces together!

  • Begin creating a social media post, using the saved image in your photo gallery (See “Save Image” section above)

  • Paste the AI caption previously copied (See “Create an AI Caption” section above)

  • Attach the link:

    • Some platforms will allow you to share the collage link in the caption.

    • Add a collage link to an AutoDM: Search your existing Markable links, then click the “Collages” button.

    • Add a collage to your BioLink shop: Once you’ve added your collage link to the image card in the AutoDM scheduler, you can click the “Star” icon next to the link to designate the collage as the shoppable link from your BioLink page.

Copy the Link

You can copy just the link for the collage to post anywhere links are allowed.

  1. Find the collage you want to share, then click the “Copy” button to the right of the collage

  2. Attach tracking ID(s)

  3. Click the “Copy” button

Adding New Tracking IDs

If you want to use the same collage with different tracking IDs, follow the steps above to start copying the link, then add different IDs when prompted. This will create a “new” collage that will appear in the Collage section of the Markable app, with the new tracking IDs attached to it. The image and products will remain the same, but now they will have the updated IDs attached when the collage is engaged with.

Collage FAQs

How is engagement calculated for collages?

When you share a collage link, engagement is calculated from total clicks of the collage link itself as well as individual product clicks.

What can I feature in a collage?

Collages can include products from all three storefronts- Amazon, Target, and Walmart. You can include individual products, as well as your boards, idea lists, and collections. You also have the option of selecting individual products from within a board, idea list, or collection. Everything you choose to feature will be on the landing page, but only 9 product images will be displayed in the Collage image itself.

Can I set up my collages to look the same every time?

Yes! Save time making collages by saving your settings to generate the same every time. Changing these settings does not affect past collages.

Click the “Account” tab> Settings> Under General, click “AI collage preference”

Did this answer your question?