How to configure a link button with icon and text
- Go to the dashboard
- Select the event that you want to configure
- Go to 'rooms'
- Click on the 'visual editor icon' of the room in which you want to add a button
- Click on 'add element' and select 'button'
- Go to the properties on the left side
- Give your button a name (optional)
- Select 'icon and text' under 'content type'
- Fill in your 'button text'
- Select an 'icon' from the icon library
- Choose your background and font color
- Copy paste your hex-code in the text box
- Use the color picker symbol on the right
- Insert the RGB-code when clicking on the color picker symbol on the right
- Choose your font and icon size
- You can choose between pixel (px), root element (rem) and view width (vw)
- Choose 'link' under 'type'
- Decide how you want your link to open:
- New window = when clicking on the button, the link will open in a new tab in your browser
- Dialog = when clicking on the button, the link will open in a pop-up window in the middle of the screen of the user
- Lightbox image = when clicking on the button, the image will open in full screen with a black background.
- Copy paste your link in 'link / slug'
- Important: always check whether you are allowed to embed this URL into our platform.
Some domains don't allow this. For example if you try to integrate https://www.google.be/, you will get an error in the event itself (not in the dashboard). - Important: if you want to display an image when clicking on a button, you will need to insert here the URL of your image.
- Important: always check whether you are allowed to embed this URL into our platform.
- URL/ Query Parameters
- Read here more about how to use the values of profile fields in your links to make a link dynamic.
- Read here more about how to use the values of profile fields in your links to make a link dynamic.
- Fill in the 'reporting name' if you want to keep track of how many times this button has been clicked
- Press 'save'
How to configure a link button with image
Configuring a link button with an image is done in the same way as a button with icon and text. The only difference is that you will now have to insert an image instead of a button text and icon.
Was this article helpful?
That’s Great!
Thank you for your feedback
Sorry! We couldn't be helpful
Thank you for your feedback
Feedback sent
We appreciate your effort and will try to fix the article