Setting the style of a custom html button (set as a google goal) to match the rest of the page

[LouisAttard]

Hi,

I want to insert a button in my page with custom html so that i can set it as a goal in google analytics, but when i do that the button is just a standard button and doesn't match the rest of my page. What code can I add to my custom html button so the style of the button I added to my page matches the rest of the buttons? I have searched around in the edit ccs styles pages but can't seem to find what i'm looking for. Thanks.

Also as a sidenote, this button i have added is to be set as a call now button that people on mobile phones can use to press and it will set my phone number on their mobile ready to be called. However if somebody is using their PC and presses the button it goes to an error page. This is not a huge problem because they can always press the back button on their browser, but is there anything i can do to tidy this up a bit?

I realize i can use a standard weebly button and put it as a phone number, but then i don't know any way of adding the code to it so that google can track it as a goal. Also this seems to have the same problem when somebody clicks on the weebly standard generated button using their PC it goes to an error page if set to a phone number.

Many thanks in advance for any advice.

Louis.

[Queso]

Hello Louis! While we can't help directly with code issues, our Community here can likely lend a hand. Just to clarify, is that all on the same button?

[LouisAttard]

Yes all on one button.

I tried two different methods (ie. 2 different ways with 2 different buttons), one with the drag and drop on button from the weebly editor, and the other one with the custom html drag and drop component which i put button code into, but i think the html custom code one is going to be easier to implement on weebly with the google goal tracking code, so I was mainly just talking about that one. I only mentioned the weebly button incase there was an easier way to do it using that method. I'm sure i wouldn't be the only one who wanted to set a call now button as a google goal, I would have thought it would have been quiet a common thing people would have wanted to do.

Thankyou for your reply, any help would be greatly appreciated.

[Adam7 · Accepted solution]

You probably just need to add the same classes to your custom button that are used in our own buttons. Are you familiar with HTML and CSS at all? If you add a button element to your site and publish, you can figure out from that what you need to add to your own custom button.

[LouisAttard]

Awesome, got it thanks!

[Adam7]

Glad to hear that!