Add Bonus Plan Email Signature with airSlate SignNow

Signature block meeting itinerary

[Music] hi my name is Gordon from gimme OH and today we're going to talk about how to add a scheduled meeting button to your email signature now before we get started I might just quickly mention that you can actually use this tutorial to add any sort of button you want to your email signature because a principle behind that is basically the same so when that means you can use it for you know adding a signup button or learn more button or book a demo or any any sort of button that you want to add to your email signature you can use this guide to do that so first of all I will show you how to do it in guineo first and then I'll show you how to do it the manual way as well so basically I'll show you how to go into your email signature HTML file and how to actually edit the code and add your button in the code so I've gone in to give me I've already created a dummy signature here I'm just using a template and what you would normally do is say it's it's simply select your signature I'm going over to the Layout tab now because there isn't already a button at the bottom there we'll need to click this plus button here to create a section and then we'll add a field to that section and it'll be a new custom field we'll just call it button and we'll make it an image type and then just go add field okay now we can see it's been added down the bottom there and it's also showing up here under empty fields we'll click on that field and then we'll go choose an image and we'll upload our own image from our computer so this is the one we'll use here and we'll just make it a bit smaller still want to include the shadows in there of course just like that it looks fine so you can see it's been added in there now what you can actually do is you can add a little bit of space in underneath it by clicking on this image here and then put it in gap below section spaces that add a bit more - we'll just leave it like that and then what you'll can also do is you can scale the image down if you want to make it a bit smaller and but we'll leave it at a hundred percent and you simply put in a hyperlink as well so this will be your hyperlink for let's say your calendly if you've got a currently subscription where you can book meetings do a hyperlink in there and last but not least you can actually apply this field to either this signature or all the signatures in this groups if you've got a I'd say a group calendar you can apply to all the signatures in this whole group and the one that will do anyone that's in this DSG engineering group they will get this schedule an appointment button and we decide it'll be the same hyperlink there as well it's kind of really easy to you know figure it out it's it's not too complicated but it allows you quite a bit of flexibility if you wanted to you know add a button to only one signature and not the rest of the signatures in the group but it also allows you to hundreds of signatures in your dashboard it also allows you to add would one easy step and this button to all the signatures so that's the great part about gimme oh now for the next step what we'll do is I'll show you how to actually do this whole thing manually so we'll just minimize this window for now I've got an example signature here which I'll just open up in chrome the first thing we want to do is actually yeah open up your signature in chrome like I have here and just right click on that and click inspect and you'll want to find where the last table row is for that signature so when I say table row I mean this part here where it says TR so this is table data TD and table row - yeah so you'll want to find the last table row which it looks like it's this one here and just make a note of that so you can see it's five levels in from the bottom and we'll want to add our code in there so just take a note of that in the meantime we'll just minimize that and we'll open up that example signature with a text editor like sublime got here yeah there we go okay so look into the example signature here and if we just go right down to the bottom we can see the table row the last table row that were looking at before is here and I've already actually prepared a bit of code that we can put in there which I'll just put in there quickly and then I'll explain what it actually does so what we've done is we've added another total robe so you can see here that this is the last one where it was before and this was the table body all we've done is we've added in another table row and then inside that I will go to a table data with styling and padding at the top so basically spaces that out a little bit now this a part is where the hyperlink is so this is where you wear your button will go to so this will be your link for your calendar Lee subscription or any other calendar related subscription that you've got they used and in this second part here the image is well an image so what you'll need to do first is you need to actually find a place where you can host your image in our case we're hosting it on this URL here so I'll just show you what I mean by that is if I copy that URL I'll go into it here and I'll show you you'll see it there now you like I said earlier you need to find a place where you can host that URL and then link to it here and then at the end you want to close off that a tag which is that linking the part that allows you to link that image so we'll just save that and I'll just go back in here and I'll refresh this page here you can see it's already come up here now and if I right-click on that and inspect now you can see all the code that we've just inserted them that's the table row there now I'll just mention one more thing here you can see that the image height and width is set to specific I'm I'll just explain what they are so if we go back to the image where it's hosted here and if we right-click on it and go inspect and then what we'll do is we'll hover over this line here you see there up above where the image is that it says 138 by 71 now that's a dimensions of the image now it's important when we put the code when we have the code in here that says the height 71 and the width 138 it's important that's it's important that that is exactly the same as what the image dimensions actually are if it's not the same your image will look a bit skewed and the resolution of the way look right and it could end up looking blurry or pixelated so that's just something to take note of and that's about it actually there's nothing more really to know about it if you haven't already give give me oil try it's as you saw earlier it's quite easy to add a button to your email signature and like I said you can add any button you want it doesn't have to be scheduled an appointment and it can be any button you you want to add like I said earlier like a signup button or learn more button or if you want to you know add a book book a demo button or anything like that it can be absolutely anything you want even a banner and like you saw it's quite easy to add a it's um really easy to scaler and everything else whereas if you do it manually through code like this it's quite easy to mess things up and make your email signature look quite broken and the other thing is well ways if you're wanting to standardize your email signature and if you've got a hundred email signatures for all your you know staff in your company it's gonna get quite tiring having to add this code into every single one of them and then you know when you want to change the button or if you want to change your banner it's going to get quite annoying having to change this code for each and every single email signature so that's why we always encourage people to use Kimio because it's really easy to add buttons and keep your sinteres consistent across the board thanks very much for watching and see you next time you [Music]