Add linked button to answers

Wishlist FAQ
1

In answer you could add button where you can guide people to right place

2 Likes
2

Hi there, @Jani_Lempiainen :waving_hand:

Nice idea, thanks for sharing! We’ll have it in mind and see for more votes from the Community :slightly_smiling_face:

While the Button setting isn’t available for answers, it’s still possible to add it to the widget.
You just should follow these steps:

Create a linked text with a custom code

Open the Code Editor mode in the Answer section and paste this code there - <a href="https://example.com" class="button">Press me</a>

image
image331×340 11.3 KB
image
image560×474 17 KB

Note: Do not forget to replace the example link and text with your own


Transform the linked text into the button

To make the linked text look like a button, please add this code to the Custom CSS field on the Appearance tab of your widget’s settings:

.button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #007bff;
    color: white;
    text-decoration: none;
    border-radius: 5px;
    border: none;
    cursor: pointer;
}

.button:hover {
    background-color: #0056b3;
}

image
image329×325 7.56 KB

image
image602×604 28.8 KB


Note: You’re very welcome to set any other color, radius, padding by changing the value in the CSS code :slightly_smiling_face:


Please try it out and let me know how it worked :wink:

2 Likes