Uberflip Pages: Add Items, Streams, and Form CTAs to a page

Follow

Pages lets you build marketing pages to show off your content, fast. The Uberflip advantage is being able to quickly grab existing Streams and Items from your account and drop them into a page in seconds. This article will show you how these Uberflip specific page elements work, and how to get them into a ready-to-publish page. 

Don't see Pages in your account yet?

Pages started rolling out in August 2023, but is not available in all accounts just yet. To ensure a smooth onboarding for all accounts, Pages is being rolled out slowly throughout the rest of 2023.

We understand that some users are keen to get their hands on this new feature. If you have any questions about the rollout, please reach out to your Account Manager, or Uberflip Support to discuss.  

Browser restriction

In its initial release, Pages is only officially supported in the latest version of Chrome. Using other browsers at this time may result in a poor user experience. Further browser support will be added soon.

 

Add an Item tile to a page

Want to highlight a single content Item on your page? The Item tile component allows you to do just that. Here’s how: 

  1. Head into Pages from the topbar menu of Uberflip
  2. Create a new page, or open the page you want to add an Item tile to
  3. Click the Screen Shot 2023-07-25 at 3.52.15 PM.png (+) button to open the Add Elements panel
  4. Select the Components tab
  5. Select the Item tile component and drag it onto the canvas where you want it to appear. Adjust placement by drag & dropping if needed.
  6. In the properties panel, click + beside Select an Item
  7. The Choose an Item modal will open. Start by selecting the Hub where the Item lives.
  8. Find the Item you want the tile to display and click Select Item

    Note:
    On smaller screens, you may need to side scroll to find this button.

That’s it! Your Item tile will now show the thumbnail and title of the Item you chose. And your visitors can click the tile to be taken directly to the Item.

You can move the Item tile component anywhere on the page and the selection and settings will remain unchanged.

 

Add a content collection (Stream) to a page

Want to add a Stream to your page? The Tile grid component allows you to do just that. Here’s how: 

  1. Head into Pages from the topbar menu of Uberflip
  2. Create a new page, or open the page you want to add a Stream to
  3. Click the Screen Shot 2023-07-25 at 3.52.15 PM.png (+) button to open the Add Elements panel
  4. Select the Components tab
  5. Select the Tile grid component and drag it onto the canvas where you want it to appear. Adjust placement by drag & dropping if needed.

  6. In the properties panel, click + beside Select a Stream
  7. The Choose a Stream modal will open. Start by selecting the Hub where the Stream lives

  8. Find the Stream you want the tile grid to display, and click Select Stream beside it

  9. In the Properties panel, you can adjust the number of rows and columns in your grid in the Grid layout section, along with other specs for your grid

That’s it! The tile grid will now show the thumbnails and titles of the Items in your chosen Stream. And your visitors can click the tile to be taken directly to the Item. 

You can reposition the grid anywhere on the page, and your Stream choice and settings will remain unchanged. 

 

Add a Form CTA to a page

Want to add a Form CTA to your page? The Form CTA component allows you to do just that. Here’s how: 

  1. Head into Pages from the topbar menu of Uberflip
  2. Create a new page, or open the page you want to add a Form CTA tile to
  3. Click the (+) button to open the Add Elements panel
  4. Select the Components tab
  5. Select the Form CTA tile component and drag it onto the canvas where you want it to appear. Adjust placement by drag & dropping if needed.
  6. In the properties panel, click + beside Select a Form CTA
  7. The Choose a Form CTA modal will open. Select the Hub where the Form CTA you want is found.
  8. Hover over the Form CTA you want to display and click Select CTA

    Tip: Need a new CTA for this one? Click Create CTA in the modal to be taken to the CTA builder in Uberflip.

That’s it! Your Form CTA will be shown on your page. When published, your visitors can enter their information and it will be sent directly to your MAP.
You can now edit the CTA to match your page aesthetic using the properties panel, and move the Form CTA tile component around the page if needed. 

Caution

If you edit the CTA from the CTA editor in Uberflip, those changes will override the current appearance and display on the page. If you edit a From CTA in Uberflip, we suggest checking how it looks on your pages after.

 

What’s next?

Now that you’ve have some pages published, learn how to manage your pages in: Uberflip Pages: Managing your pages

Want to see Pages in action? Check out the Pages demo video in the Uberflip Academy.

 

0 out of 0 found this helpful