Display part of contact number

[nucdiving]

I’m new to CSS and also not sure if I can do this on CSS. I’m working on my website gautenelecticfencing.co.za and have added my first CSS script on the contact us widget which is showing on all the pages.

What im trying to do is display only portion of the contact number and email address and when the user clicks on either it will display the full details.

Is that possible with CSS ?

Thank you in advance

[Paulie_D]

Clicks are really the purview of Javascript but, there are possibilities with CSS.

The thing is though…why do you want to do this?

You’re making it harder for users to contact you…that’s poor UX, overcomplicated and generally unnecessary.

Probably bad for Search Engine Optimisation and Indexing too.

By all means do some more research and if you still feel that this is something you want to do, create a demo in Codepen.io with your HTML & CSS and we can take a look.

[nucdiving]

The reason I want the click is to track my conversions

[Beverleyh]

So you want the click (and UX obstacle) for your own needs? Have you considered that might be a flawed logic? What about your users? Try to put their needs first – an unhindered route to making contact with you better serves their needs, and in turn yours.

[nucdiving]

Hi Beverly

I hear you and Paulie and am looking at options at this point. I do advertising for companies and customers (website owners) want to know what there conversion rate for advertising is. CTR doesn’t say enough on the effectiveness of the campaign. A number of sites I advertise use this as a means of tracking how effective the advertising is. Websites need to be functional for both parties and I can’t see this as being a major UX obstacle. Previously I had a link page for the contact details, but this I feel was a big UX obstacle as users had to be redirected to another page to get the details. I may be wrong and I will run tests on both. I appreciate the feedback, thank you very much

[Author]

Posts