Share icon

Joan Ferrer · Post by **Joan Ferrer** » Fri Apr 19, 2024 8:24 am

Hello everyone
How can I create a "universal" share icon, that on a mobile you can choose from the different sharing options that the mobile offers?

Tnk's

Post by **Pablo** » Fri Apr 19, 2024 9:31 am

Maybe this?
https://www.wysiwygwebbuilder.com/suppo ... ecity.html

Or else, can you be more specific?

Joan Ferrer · Post by **Joan Ferrer** » Fri Apr 19, 2024 9:39 am

Thanks for your attention.
On some websites, I have seen that they have a text, text with an image... and when you click from the smartphone, it is the smartphone that proposes several ways to share, WhatsApp, Telegram,...

On a computer, different options open.
An example is: https://bauharum.com/products/santjordineta

---> Compartir

Thank you

Post by **Pablo** » Fri Apr 19, 2024 11:14 am

I do not see any share links on this website.
But are you sure these are not standard links?

For example:
https://www.javatpoint.com/how-to-add-a ... javascript

This also works in WWB

Joan Ferrer · Post by **Joan Ferrer** » Fri Apr 19, 2024 1:45 pm

www.fotografiamanresa.es/compartir.jpg

Post by **Pablo** » Fri Apr 19, 2024 1:49 pm

There is no standard option for this. This requires a custom script.

Joan Ferrer · Post by **Joan Ferrer** » Fri Apr 19, 2024 2:09 pm

ok ...

Tnk's

miguelss · Post by **miguelss** » Fri Apr 19, 2024 6:48 pm

Hi,

You can add a HTML with this code:

Code: Select all

<!DOCTYPE html>
<html>
<head>
  <title>Botón de Compartir</title>
</head>
<body>

<button id="shareButton">Compartir</button>

<script>
document.addEventListener('DOMContentLoaded', function() {
  const shareButton = document.getElementById('shareButton'); // Select existing button

  shareButton.addEventListener('click', async function() {
    try {
      await navigator.share({
        title: document.title,
        text: '¡Mira esta página!',
        url: window.location.href
      });
      console.log('Contenido compartido con éxito');
    } catch (error) {
      console.error('Error al compartir:', error);
    }
  });
});
</script>

</body>
</html>

Enjoy

M.

Joan Ferrer · Post by **Joan Ferrer** » Mon May 06, 2024 4:47 pm

Oh, fantastic, works perfectly!
Salu2

www.wysiwygwebbuilder.com

Share icon

Share icon

Re: Share icon

Re: Share icon

Re: Share icon

Re: Share icon

Re: Share icon

Re: Share icon

Re: Share icon

Re: Share icon