Listnerds Newbies Guide | How-To Auto Scale Your Emails

in #hive-1198263 years ago

Listnerds Newbies Guide - How To Auto Scale Your Emails.png

Make your email enjoyable to read

I will get to the auto-scaling part later in this guide, as I will first walk through some other tips as the auto-scaling is actually the last step before you check & sent the email. Creating an email can be daunting but creating a good-looking email can be even more daunting. I have to admit that I feel quite spoiled using the Hive blog editor as it just takes knowledge about a few simple codes to center your content, create bold or italic text and add some images. These few things as well as making sure you chop the text into paragraphs with a title will improve the reading pleasure a lot.

Of course, if English is not your native language, it's recommendable to run your content to a spelling checker as well. But what's easier is to add the Grammarly extension to your browser instead so it instantly notifies you of a spelling error and also suggests you the correct spelling. If you use these few simple tips and apply them to your Hive content as well as to your emails when you create them, your readers will enjoy reading your content even more and be thankful.

E-mail marketing text divider.png

Visually more appealing

Let's go a step further. Besides making your content more enjoyable to read, you can also make the content look more visually appealing. I will admit, that I was a total noob when it comes to coding HTLM into the email editor. I have done some simple coding way back in the past on my website at the time, but that's been buried far into my memory, lol. This means that it was a huge win for me when @finguru shared his knowledge about how to embed your images in the Listnerds editor. Sharing this thing that was probably already normal to him when writing content, was a HUGE tip to improve my formatting skills, and I'm super grateful when someone takes the time to share their knowledge. After all, this means we can grow together and improve the platform and the way it's used to market anything and everything you can imagine.

E-mail marketing text divider.png

Useful formatting tips and links to guides

If we look back at some of the previous guides I wrote regarding sending out emails, there are quite a few things that you can do to make sure your email gets noticed and is received well. Let's walk you through the guides so you can go back and read more about each topic. To grab the reader's attention, it all starts by having a catchy subject line for your email. But for the author it's probably one of the last steps to take before hitting the send button.

Here are some useful guides for you to make your email look great. First, start by creating nice graphics in Canva. I personally upgraded to the PRO membership as I use it every single day for my Hive content, Listnerds as well as my social media work but a free membership will get you going already! After that, read the instructions about how to embed your images into HTLM emals here.. Now I want to add one last step to this and that's how you can add a tiny bit of code to make sure your email gets auto-scaled depending on the screen size. I will just show you the code as I explained it to you in the embedding guide:

afbeelding.png

and now the tiny bit of code that you need to add to make your email auto-scale:

afbeelding.png

As you can see, you just add "class="img-fluid" exactly where I showed you, to be sure it's correct, you can compare your code. Once you've done it a few times, it will be easy and you will now be able to send out auto-scaling emails depending on the screen size of your reader. How great is that?

E-mail marketing text divider.png

Higher chance of getting your emails verified

If you embrace these steps mentioned above, there's a great chance you will see more emails getting verified and start earning Listnerds every single day. That is if you upgraded to the business or enterprise membership which I think is well worth it. It all may seem a bit overwhelming, but coming from someone that has no experience, it should be worth something when I tell you if I can do it, so can you! In this case, it's just a matter of documenting it correctly and applying the steps a few times. After a few times, you won't even check if your code is correct and know it's done right!

E-mail marketing text divider.png

Does it really matter?

I believe it does! I will take myself as an example. When I browse through my Hive feed as well as the new emails on Listnerds, I always first pick the authors that I know will make an effort of sharing good content that I love to read. Whether I love to read it or not is not defined by their formatting skills only, of course. I can love reading an author because of their writing skills, their humor and therefore support them by verifying their email.

Next up are those that usually have a good message but can still improve their emailing skills and/or blogging skills, they deserve a chance IMO and maybe with some tips and motivating and/or showing them the way, you may have yourself a kickass content creator in the (near) future! I believe sharing knowledge is super important as we can all grow from it.

So if you ask me, YES! It matters!

E-mail marketing text divider.png

Team Discord will be a source of information

I created a Discord for my team members (=downline) where we can discuss Listnerds questions directly as well as sharing tips or our useful content that may help others. I'm also going to throw in giveaways for my team members again soon and the next one I got lined up will be pretty cool if you ask me! It won't be a HivePunk, but another NFT! To get an invite, please reach out to me on Discord following my ID below int he footer of this guide after you used my Listnerds ref link to join Listnerds. This way you are part of my team, and I will do everything in my power to make sure you will grow and make the most out of your Listnerds experience! The Discord is still pretty empty but I'm trying to add a channel every day so it will be a source of information as well as inspiration in the future!

E-mail marketing text divider.png

More Listnerds Content

E-mail marketing text divider.png

Credits

  • Header Image
  • The text divider is my own design, where I sometimes use images from Canva Pro or in other cases, my own images.

E-mail marketing text divider.png

Let's Connect

If you want to connect, you can give me a follow on my socials. For inquiries, you can send me a direct message on Discord.

E-mail marketing text divider.png

My Referral Links:

Sort:  

Amazing work my friend thanks for sharing this information and simple link code on Listnerds.
You will serve your team well have the best day @thisismylife
!ALIVE
!CTP
!BBH

@thisismylife! You Are Alive so I just staked 0.1 $ALIVE to your account on behalf of @benthomaswwd. (3/20)

The tip has been paid for by the We Are Alive Tribe through the earnings on @alive.chat, feel free to swing by our daily chat any time you want.


The rewards earned on this comment will go directly to the person sharing the post on Twitter as long as they are registered with @poshtoken. Sign up at https://hiveposh.com.

You always produce so nice guides! I saw that class being mentioned by Blain on one of their shows, but it's much nicer to show it in a guide. Well done!

Thank you! I mentioned that someone gave me the tip but I forgot to tag @blainjones there lol. He actually told me. And he also told me when it went wrong due to adding a " too many by accident when I copied the link. OUCH! LOL

Posted Using LeoFinance Beta

By the way, not sure what happened, but yesterday your email looked fine, now the image is oversized. I clicked on it by mistake. Possible the class is not working anymore?

I don't know what you mean with clicked on it by mistake?

I made a stupid copy error, where I didn't copy and paste the last " behind the code, and therefore they ended up "" like this instead of with the code in between. I always check it double, but somehow I missed it. When I opened my mail I noticed it too and was like oh no!!!! But nothing I can do after sending it.

I checked the code in my doc (I always save them) and there it was fine, so it was a weird copy paste error which I didn't catch, unfortunately.

So it works, but not if you move the " LOL :)

I don't know what you mean with clicked on it by mistake?

I mean that I already saw it yesterday... I think. Or maybe I saw the post without going through Listnerds. I can't remember how I got to your post yesterday, lol. But today I checked it on Listnerds and saw the sizing issue. As long as you figured out what the issue was and it didn't seem to affect other emails with images, that's ok.

I just didn't know how to read that part, sorry :) not important..

But yeah as soon as my email is there I check it so I instantly see it, and that's just a "GRRR" moment but I also try to discover what went wrong so it won't happen again. In the end, it's all trial and error and we can all make a stupid mistake for example by accidentally deleting a part of a link when our cursor is going wild or something. I've had very strange copy paste moments due to my cursor going rogue on me. And then I'm focused on making it work again and may totally oversee a tiny error in a link/code/image etc..

C'est la vie, Just a waste of the email :) But I appreciate you mentioning it lol. Yesterday I said to Blaine that I started doubting myself as nobody mentioned anything and maybe it was scaling anyway and just huge because of the big screen I was using :)

I assumed that someone would say you idiot, you made a post about scaling and then failed to scale your email :-) I could have handled it, I was telling myself that as well lol.

No problem, it happens! Personally I try not to forget to click Preview before sending the email. I don't have the patience to add images, but I check to make sure I don't mess up the link, mostly.

I did, but I now realized why that wasn't enough. I went to preview, clicked on the link, and then when I went to that link, I had to restart my email, as it didn't create a draft. So I quickly copied pasted it again, and this time I failed to notice the extra " somewhere. Trust me, I often check it 3x and am still afraid I miss something, but then again, it happens. It's not the end of the world, just a missed opportunity.

The upside of all of this is: whenever you make a mistake, this is something you pay attention to next time, at least, speaking for yourself. It's more likely that I will pay attention after making a mistake and notice it, the mistakes are remembered easier than other info that nobody validates if it's done correctly.

Thanks for the tip. Somethings are so simple but make a big difference. Can't wait to try it.

You're welcome :)

Good tips and I plan to try them to help me with creating my emails in the future & listnerds is a good place for practice.

!BEER

Wow! Too many contents to digest. For sure, I will revisit this again. Re-blogging it for my reference. Thanks!

Yes, so many things! welcome!

Thanks @misslasvegas for sending this one in listnerds :)

Out of curiosity, do you find it productive (more tokens) to email the same post multiple times? Many seem to use that technique and I wonder how well it works. Thanks

I have so far been able to get them all verified, but I'm not a fan of doing that. I've only done it due to lack of time. To not let a mail go to waste. I do find it very annoying when people send out the same thing every single day though. I made sure it was 5 to 7 days at least when I did it. Even more annoying: twice a day the same thing. I'm not upvoting these myself. I do have a few community highlights that I can use again, but I will link it to the most recent weekly post instead of the same one. At least then it's somehow fresh content.

I've had major issues trying to get images to upload or trying to code them in as the img src code always adds a space even after I remove it which breaks the image. I feel like it's just me and idk why lol

I don't know what went wrong, I only know that this is how I was taught and it never failed. It only failed the first time as I didn't copy the code correctly, but that was clear when it happened. I accidentally didn't use the full html code but one of the others..

This guide has helped all my team members to get it right, I hope it helps you get it right too :)

!CTP

Thanks for the info on scaling your images.

Read from ListNerds

You're welcome!

Thanks, that is another great tip!!

I'll definitely give that code a shot, thank you !CTP

It may seem complicated, but I just did it, saved it in a hackmd file for next time, and then constantly copy that part the next day to the new emails code..

It's easy peasy once you know :)

!CTP

hmm useful info thanks

Welcome!

Great post - I will definitely make an attempt. I was afraid to even try but I am now encouraged to add an image. Thank you.

Don't be afraid to try, once you know, you know. I save all my code that I use in the email editor in a Hackmd file (or word or wordpad, whatever you prefer) so that I can just copy and past that last part of the code from the previous email into the new one. It's truly simple once you know!

Good luck!

!CTP

Many thanks you are so right. Now I have started using images. Many thanks

PIZZA!

PIZZA Holders sent $PIZZA tips in this post's comments:
@cpol(1/5) tipped @thisismylife (x1)

Learn more at https://hive.pizza.

Thank you very much for your great effort and give helpful information.
1UP on ListNerds from me for this great work 😊👍🏽

Thank you for letting me know it was helpful!

!CTP

Did you use a template to create those dividers in Canva, or just go from scratch, I'm struggling to find anything close to suitable for what i want. Thanks

I create them from scratch, but in Canva pro as that gives more options to pick from and you can use background remover.

!CTP

Thanks for all this great info!

You're welcome!

I definitely would be trying that in the future. I also like your Grammarly shout out.

It's so easy to have, and yes, sometimes an error slips through of course but I've noticed that I now often already recognize the mistakes that I make often thanks to Grammarly marking them lol. So I'm faster than Grammarly to correct it. Teaching me a thing here and there ;)

Team Discord will be a source of information

I may not be in your downline, but I'm always interested in absorbing and contributing listnerds knowlege, tips tricks etc.

That's great, you can read my posts though, as my team discord is closed for the team only. Maybe one day in the future it will be different, but first, I'm focussed on building the team, and therefore it's closed.

Soon I will be writing more on Hive so you can still read those posts :)

Nice tutorial @thisismylife, you never fail to impress me.

I saw so many bad structured mails with oversized images. This is very helpful for everyone on ListNerds and any other mailer.
Upvoted on ListNerds!

Yes, they keep appearing, I keep sharing this so they will hopefully see it one day haha.

!CTP

I love when you share guiding and helping content like this. I really appreciate your tips and yeah, it makes the community grow together!

I'm glad it's helpful!
I still see emails being sent by people that don't know, so I will keep sending these every once in a while...

!CTP

Great tip. I hope this post gets the attention it deserves. Thanks for sharing.

Oh thank you, how helpful, that you shared it again on listnerds, probably I wouldnt have found this otherwise.
Bookmarked !ALIVE

@thisismylife! You Are Alive so I just staked 0.1 $ALIVE to your account on behalf of @beeber. (3/10)

The tip has been paid for by the We Are Alive Tribe through the earnings on @alive.chat, feel free to swing by our daily chat any time you want.

Nice information but I wonder and also saw some people in the comments had problems with your code.
You say to cut off the last " for some reason. That's not how HTML works.

You definitely need the last ".
Just look at all the other tags and commands. There are always 2 of them.
Besides that, you made good content.
!CTP

Came from ListNerds and voted there!

ListNerds

Wow you are the first one to catch this in a way so that I notice the mistake I have corrected (maybe months ago already?) but I totally missed that I still had 2 screenshots in there (one correct, and one incorrect) where I also missed editing the part where I mention without the " :)

Great catch!

I had the code right, but accidentally missed copying the " when creating this post (I have 0 HTML knowledge lol) Then I figured that I just copied the code correctly and gave instructions according to what I saw. My mistake! I did notice this months ago and edited it with the correct screenshot, but apparently, I totally missed some parts of the text that still pointed out incorrect instructions. I think my luck has been that most people saw the first screenshot and therefore managed to follow the instructions correctly.

Too bad that I didn't figure out the mistake in the steps earlier, ugh. Thank you for doing so!

!CTP

You are welcome! We all make mistakes and I would always prefer someone tells me that I have written something wrong.
Have a great day!

Hey @thisismylife, I read your post about how to get your email verified on Listnerds and I understood how it works. Thanks a lot for that. Can you tell me the different ways to earn Listnerds? If I upvote someone's mail, do I get both Listnerds and CTP or only CTP?

Posted Using LeoFinance Beta

Oh my gosh, I'm so sorry that I forgot to answer. I left the tab open but went to work on another device. Sorry!

The CTP stake is meant to verify emails by voting them. And you will earn as well from that stake. Every day a bit to claim :)

The Listnerds can be earned by having a verified email (for now) and you can get it by having 20+ upvotes (so every downvote deducts one upvote) or by sending a SOLO email when you have 10000 MAIL tokens, those get verified even without the 20 upvotes. And you will see the a claim ready the next morning.

They come staked, and you will notice that the staking rewards from Listnerds are quite great! Even when you don't have too many, if you compare the reward you're getting for that amount of tokens, is great. It makes me happy every morning haha.

Hope that's all clear. I heard some whispers that there will be more ways though ;) keep an eye out for updates :)

Thank you for this awesome guide :) I kinda wished I read this before I sent my very first mail :) But it's okay, learning experience hehe.
!LADY

View or trade LOH tokens.


@ifarmgirl, you successfully shared 0.1000 LOH with @thisismylife and you earned 0.1000 LOH as tips. (6/7 calls)

Use !LADY command to share LOH! More details available in this post.

If it helps, my first emails didn't look that great either :) haha.
I did not know this from the start myself :)

!CTP

Haha, that makes me feel better. We do learn things everyday :)

Posted using LeoFinance Mobile


Hey @thisismylife, here is a little bit of BEER from @successchar for you. Enjoy it!

Learn how to earn FREE BEER each day by staking your BEER.

Great guide as usual @thisismylife. The Grammarly tip is a great one. English is my primary language but Grammarly saves me frequently.

Thank you, I can imagine. Even though it's not officially my primary language, I remember being only one out of two children in the class room speaking English at a young age. It always felt very natural to me. But to be honest, nowadays I need Grammarly more for my native language haha. I truly lost connection to the grammar in Dutch and have a better feel for English.

Hey man, you do awesome work! I am reading your emails, and now lots of things are explained in my mind. I incidentally dropped in ListNerds and every single day is really fun. I was searching for some answers in their FAQ but I didn't find them... Actually, you answered my questions!

Thank you for the full guide on how to do things!

!LUV

@thisismylife, @projectmamabg(1/10) sent you LUV. wallet | market | tools | discord | community | daily

⚠ The LUV command will soon require that no other "!" commands accompany it. Details here.

Because this is such an awesome post, here is a BBH Tip for you. . Keep up the fantastic work

This is the part I don't understand how it works, I'll have to wait till my next mail to be able to test it.

image.png

If you ask someone who knows HTML code, the missing apostrophe " makes no sense for the code to work properly, an unclosed tag usually breaks the working of the code.

The W3 HTML School shows this:

image.png
https://www.w3schools.com/bootstrap4/bootstrap_images.asp

Voted on ListNerds!

I can't really say why it makes sense or not, I was taught to do this by the Listnerds dev, and adapted it, it works every time. Why I don't know sorry :)

BTW sorry for missing this comment

!CTP

Since I wrote that comment I was able to try it myself multiple times. It works with the closed tag/quote, this is how it's supposed to be, open quote for description and then close it. I think in your case it works because you are using this img-fluid class at the end of your img tag, otherwise, if you do it your way at the beginning without closing the quote, it will break your code.

This is how I use it and it works no problem:

That target= tag will open the mail in a new tab automatically, and border set to 0 or 1 I guess you know what it means. 😁

Too complicated to grab my head around at this moment, but thanks for trying as well as leaving it as a comment, because if other people have a similar question, they read this comment from you (I hope) and get the answer.

I have never used these codes until the listnerds dev told me how-to, and I just adapted that from that moment. When uploading the image on imgbb, the code looks different than yours above, so my guess is that it has something to do with that code generated there why it's placed in the back. But like I said, my brain is not 100% today so I'm not gonna try to figure it out :)

!CTP

Very good advice. I need to up my MAIL game with some good formating. I can't seem to get over 20 UV's and I'm getting some DV's which is discouraging. But I still have a few weeks of enterprise to try to earn back my investment. !ALIVE

I noticed that sometimes it takes a few days before it gets to 20 upvotes. Sometimes people run out of votes so it seems. But some extra attention to the formatting won't hurt, that's for sure :) I also vote my team members first, after that those that stand out, before heading over to the rest. I bet everyone does that.

Good to know. The number of votes is based on staked CTP?

yeah just don't know exactly but I believe 25 CTP 1 vote? you'd have to try it though...

Sounds about right, I have 50 ctp staked and I get about two votes.

@thisismylife! You Are Alive so I just staked 0.1 $ALIVE to your account on behalf of @ironshield. (8/10)

The tip has been paid for by the We Are Alive Tribe through the earnings on @alive.chat, feel free to swing by our daily chat any time you want.

I have noticed quite a few people who had their images either too big or too small so I think this will help them out quite a bit. I don't really use images for my mails yet but I look forward to using this when I do.

Posted Using LeoFinance Beta

Funny thing is, don't tell! lol I made a copying mistake when actually sending out this email :) lol, therefore (because I added an extra " somewhere) the image was not scaling at all. Don't even know where it went wrong because, in my doc, the correct link is saved.

OOPS!

Just a copying error, but for the rest, if you do these things a few times, it will be easy and not as complicated as it may seem at first.

I hope you don't mind that I downloaded the image for your text dividers just to get the dimensions you use. I will have to poke around in Canva to see what I can come up with to create text dividers for my posts.

I always use 800x100 for the text dividers :)
Doesn't matter for which one, I stick to that size.

Thanks for that, @thisismylife! I went and put it in Canva right away so I wouldn't forget!
Enjoy your day! 😀
!ALIVE



Made in Canva

-- @lisamgentile1961

Smart! I personally can't remember any of these measurements, but after creating a few of that size, Canva remembers :) lol

Enjoy creating them!

Thanks, @thisismylife! I noticed that Canva has measurements from things I have created many times before. Enjoy your day! 😀



Made in Canva

-- @lisamgentile1961

@thisismylife! You Are Alive so I just staked 0.1 $ALIVE to your account on behalf of @lisamgentile1961. (6/10)

The tip has been paid for by the We Are Alive Tribe through the earnings on @alive.chat, feel free to swing by our daily chat any time you want.

Good Morning and Thank you, @youarealive! Enjoy your day.😀



Made in Canva

-- @lisamgentile1961

First of all, thank you very much for these useful and nice guides! They are really great easy to follow. I had a couple of questions, one regarding formatting and another more about content.

Last week I experimented with a low-res image in an email embedded. I think it looked pretty good, but of course, people with better displays may find it icky. My next experiment is using a better quality image using your scale solution in here. However, a doubt appeared in my mind. Should I use only the image? Or it would be much better if I add some little text lines above or below the image? I always use the image centered, I think they work pretty cool in Listnerds! But I'm hesitant to use text.

The next question is regarding my content. You see, I'm a Splinterlands freak and all my content in my HIVE account lately revolves around that game. The thing is, even though I can write in English good enough to be understood, I want to focus my efforts in the Splinterlands Spanish-speaking community. My question is: should I write my Listnerds emails in Spanish or in English? I'm not a fan of dual language posts or emails, and to be honest, I think it could be a good way to segment my audience inside Listenerds. But I really don't know if I'm doing it right. On the one hand, I don't want to bother people who doesn't speak the language telling them that my content is in Spanish when they already read the email in English. But on the other hand, I don't want to alienate people who doesn't speak the language. I'm interested in reading your opinion about this subject.

For the time being I'm using the free Listnerds plan and I had enough MAIL tokens to send at least two Solo Mails.

Thank you very much in advance for your time reading my questions and I hope everything goes great for your family! Have some !PIZZA !PGM !LOLZ !CTP !HBIT !LUV, please! I wish I could give you more for all your helpful content!

To the person who stole my copy of Microsoft Office
I will find you. You have my word.

Credit: lofone
@thisismylife, I sent you an $LOLZ on behalf of @cpol
Use the !LOL or !LOLZ command to share a joke and an $LOLZ.
Delegate Hive Tokens to Farm $LOLZ and earn 110% Rewards. Learn more.
(1/1)

@thisismylife, @cpol(1/1) sent you LUV. wallet | market | tools | discord | community | daily

⚠ The LUV command will soon require that no other "!" commands accompany it. Details here.

Success! You mined .9 HBIT & the user you replied to received .1 HBIT on your behalf. mine | wallet | market | tools | discord | community | <>< daily

⚠ HBIT will soon require that no other "!" commands accompany it. Details here.

Sent 0.1 PGM - 0.1 LVL- 1 STARBITS - 0.01 MOTA - 0.05 DEC - 15 SBT tokens to @thisismylife

remaining commands 2

BUY AND STAKE THE PGM TO SEND A LOT OF TOKENS!

The tokens that the command sends are: 0.1 PGM-0.1 LVL-2.5 BUDS-0.01 MOTA-0.05 DEC-15 SBT-1 STARBITS-0.00000001 BTC (SWWAP.BTC)

image.png
Discord image.png

Support the curation account @ pgm-curator with a delegation 10 HP - 50 HP - 100 HP - 500 HP - 1000 HP

Get potential votes from @ pgm-curator by paying in PGM, here is a guide

I'm a bot, if you want a hand ask @ zottone444