Sharing my app by message (FB Messenger, whatsapp, email...)

Hello all ! I throught it might be interesting to have a “share this app with friend” button that generate some icons to share on FB Messenger, Linkedin Inmail, email, whatsapp or others messaging apps.

An idea to do this with glide ?

Thx !

Go the the hamburger menu, click the “I” and click the share link

I was searching for buttons to add in app :smirk:

Like this

I guess you can add an image whose action is to share… And when you click it, it opens your phone sharing menu.

I tried this but the image takes all width of page and it’s not pretty.

I’m actually trying to setup an Rich Text element, but it seems that I’m not pretty good with html…

Cannot have a little icon…

Try it with an inline list, and do what @eltintero says, the image will be smaller and you’ll be able to set a share action

I have this for my follow icons, you can do something similar with share icons.
Untitled6

Set up an inline list with images as tiles, then set the action to show sharing options and link to current screen.

I believe I created them in paint with a lot of white space around is so when shrunk down the white space is still there.

4 Likes

Exactly what I meant :grin:

1 Like

Nice solution ! Thanks :slight_smile:

I worked a little bit to have the options I wanted (each icon sharing to the dedicated messaging app, with a predefined message), here is the result and the code (to put in rich text element) to help others who will need it :

<center>
<div>
<p>Invitez vos amis</p>
<span>
<a href="mailto:?subject=This is a super app!&body=I suggest you to use https://myapp.glideapp.io/"><img src="https://i.ibb.co/KbnGCzc/email-icon.png" height="45"></a>
</span>
<span><a href="fb-messenger://share/?link=https://myapp.glideapp.io/"><img src="https://i.ibb.co/k9sr0KC/messenger-icon.png" height="45"></a>
</span>
<span><a href="sms:?&body=MessageWithUrlToEncode"><img src="https://i.ibb.co/1vx0F9Y/sms-icon.png" height="45"></a>
</span>
<span><a href="https://api.whatsapp.com/send?phone=&text=I suggest you to use https://myapp.glideapp.io/"><img src="https://i.ibb.co/rkstMT5/whatsapp-icon.png" height="45"></a>
</span>
</div></center>

NB : the body element of the sms predifined message should be encoded with this kind of tool : https://meyerweb.com/eric/tools/dencoder/

NB2 : there are blank spaces between icons because I cheated with icons included blank spaces :smile:

5 Likes

@Sheme34, Thanks for sharing. I am trying to implement the same. Do you have an image data field tied to a rich text column to show these images ?

Nope. I relate to an image url, to have it as a column you need (I think) to create a template colum, add my html code and replace my image url in it with a placeholder. I you cant success with it reping me later cauz I m busy for now and I ll try to show you

Thank you