City Card shopping basket
Total

Widgets

Look at all the widgets we have to offer! Click on the links in the widgets to learn more about them.

Once you've created your widget, add it to your page via the Experience Editor.



Widget examples below! Check out the Editorial Article Page for more widgets on display.



This is a CTA Button Widget
  • The third USP of this widget is that you can create 3 or 99 USPs - your choice! Just remember the rows of 3.
  • The second USP of this widget is you can add hyperlinks!
  • This is the USP widget. Unfortunately the title of the widget doesn't show. The first USP of this widget is it's easy to use.

This is a Needs overview widget (I think that's what it's called)

Needs widget "Large article"

Tick the "Link in description" box to show the link here, like so:
"Link in description" box ticked!

Title

Introduction text

Needs widget

Amsterdam Dutch local cafe bar, Marie-Charlotte Pezé
Add the below link description when inserting link!
Read more about this widget

Group 2

This second row of 3 cards are grouped separately. If not, the two large articles would appear on the second row instead.

Keep on grouping!

The Coffee Virus Amsterdam
You can keep grouping as many rows as you like! In rows of two (with "Large article" box ticked) or three.

This is a Contact Person Collections Widget

This is a Contact Person Widget

You are free to enter any text here. Remember to H3 the title so it matches the look of the other widgets and cards.

What's weird is the link only shows on the single card (see below), but not when you add it to a Collection widget. Too bad you can't mask the URL of the link :(

Telephone: 06-1234 5678

This is another Contact Person Widget

This text is also not bounded by the box of the widget, so you need to be creative with your text to make it align with the other widgets in the row. We've asked the development crew for a fix for this. 

Lorem Ipsum is a dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Telephone: 06-1234 5678

This too is a Contact Person Widget

You can add a special button (add class="btn" to the a href in the HTML code) in this space and leave out the other contact fields.

red link button

This is a Mini (Call to Actions) Widget

This is a Featured Cards Widget

Widgets

Look at all the widgets we have to offer! Click on the links in the widgets to learn more about them.

Landing Page

Use the Landing Page as a start-off point for your topic. The most flexible page for adding lots of widgets.

This is a Recent Articlelist

Read more about article lists

This is an Image and Video Carousel aka Media Carousel

This is an Embed Card (extended)

This guy can be a bit tricky. You need to play around with the text to make sure it fits nicely. You need to always have a link inserted for the image to show. Even if you choose to use a fancy red button here, add that button link as external in the link field. Choose "Embed card Extended" when in the Experience Editor, otherwise your text won't show.

This is a Contact Person Widget

You are free to enter any text here. Remember to H3 the title so it matches the look of the other widgets and cards.

What's weird is the link only shows on the single card (see below), but not when you add it to a Collection widget. Too bad you can't mask the URL of the link :(

Telephone: 06-1234 5678