Radial Menu Template

Radial Menu is one of the mostly used templates to trigger the purchase. It is very similar to Hamburger Menu but with a new look and effects. With the items you set, you are able to add shortcuts and target links to encourage your users to finalize the purchase and help them navigate easily on your website. 

How to create it

To create a campaign with the Radial Menu template, navigate to Experience > Optimize > Web Templates.

1. Click the Create button, name your campaign, and click the Next button.

2. You will land on the Template Library. You can search for the template or find it under Increase Engagement.

3. When you click on the template, you will see the available platforms, its default preview, description, and its elements. Click Use For {Platform} to proceed.

4. After your selection, you will see the template on your website in Preview mode of the Action Builder. Radial Menu is an on-page template. It is located on the right side of your website, you can change its position. 

5. You can proceed with designing your template in the Design mode.

By default, the template comes with 6 items, and you can start customizing it under Settings. You can make titles invisible if you disable the Options Title toggle. When you click Overlay, you can define a color together with its opacity. When you click Animations, you can choose the way of opening and closing of your template.

To customize items on your template, click on the element. You can change its style and upload an image; the recommended size is 35x35 px. You can also put a link to redirect your users to a specific page.

When you click on the Text element of your item, you can customize its style, and reflect the change to the other elements by clicking Apply to All Texts. You can upload another image for the option.

6. When you finalize your design, save it and continue with the rest of your campaign.

Use Cases

By using Radial Menu, you can give shortcuts for some special pages and use icons near that item to lead your users to those pages.