Convert Plus - Add buttons

Hi,

I’m trying to use Convert Plus (blank) and I just need to add an image, a line of text and two button with a custom URL.
Using the html option, I add the image and the text, but I’m struggling to find a way to add the two buttons.

(see example)

Can you help?

Hi @PanInternational,

To add a button, on th text area, add/type the button text. Then select this text and on the upper part with the text options, click the link button. A popup will appear with button/link options. Provide the settings as needed and you will have the button.

Hope this helps.

Thank you Lely,

Unfortunately the solution you provide is to hyperlink text, not exactly a button (like the example).
I had to start with a blank canvas because in all CP templates, none has two simple buttons.

Can you help me on how to make a button in line with the example I sent?

UPDATE: I was able to add an image and two buttons, everything by HTML.

Here’s the code of the button I used, but it does not have any bg color or hover effect:
<button class="action primary tocart" onclick=" window.open('https://thisisthelink.com', '_blank'); return false;" title="button title">THIS IS THE BUTTON TEXT</button>

Now, I would like to add a background color to the button and an hover background color

Can you help?

Hi @PanInternational,

You can add the color through custom CSS by targetting the button using the class you have assigned to it.

Please add this code in X > Theme Options > CSS:

.action.primary.tocart {
    background-color: #E9967A !important;
}

.action.primary.tocart:hover {
    background-color: #8FBC8F !important;
}

Feel free to change the color value in the code above.

Hope this helps.

Thank you @Jade :slight_smile:

You’re most welcome, @PanInternational.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.