Mailto nie zawsze jest spoko
Moje przemyślenia na temat problemu jaki stanowi stosowanie atrybutu mailto
Mam pewien problem ze stosowaniem mailto:
Problem z mailto:
Mam pewien dylemat odnoście mailto:
Standardowe działanie mailto otwiera nam klienta poczty czy to na urządzeniu mobilnym czy na komputerze.
<a href:"mailto:[email protected]">
[email protected]</a>
Osobiście korzystam głównie z poczty Gmail, na telefonie mam aplikację natomiast na komputerze loguję się do skrzynki przez przeglądarkę. Obserwując moich znajomych to powszechny scenariusz. O ile na telefonie po kliknięciu w link otwiera mi się aplikacja poczty to w przypadku komputera jest to okno w którym proponowane mi jest podpięcie poczty pod klienta lokalnego.
Zwykle w tej sytuacji próbuję jakoś sprytnie zaznaczyć tekst linku (o ile jest adresem) i po prostu wklejam go tam gdzie potrzebuję.
Zaznaczanie tekstu linku nie jest po prostu wygodne.
Przycisk do kopiowania adresu
Jako rozwiązanie tego problemu upatruję przysick do kopiowania adresu obok adresu. Tego typu przyciski w interfejsach zagościły już na dobre więc nikomu nie trzeba specjalnie tłumaczyć do czego służą i coraz więcej użytkowników może korzystać z nich intuicyjnie.
Implementacja przycisku do kopiowania
Implementując przycisk starałem się zrobić możliwie najbardziej uniwersalne rozwiązanie. Moje rozwiązanie jest dedykowane do sytuacji w której tekst linku jest tożsamy z treścią którą należy skopiować.
Jak to zrobić w Webflow
Pierwotnie zastosowałem ten przysick właśnie na stronie Pineaddle, która stoi na Webflow więc poniżej przedstawiam kolejne kroki jak sobie takiego uniwersalnego kopiować za zastosować. Co ważne jest to rozwiązanie maksymalnie uniwersalne i można je umieścić zarówno obok linku wysyłającego adres e-mail jak i obok numeru NIP napisanego zwykłym tekstem.
