Category: Marketing Tips

Read our in-depth articles and watch our screencast videos for lots of essential tips to help you get ahead with your wellbeing marketing.

Why do links display differently across iPhone apps?

In our recent Marketing Tips videos we’ve been sharing some great insights into making sure your blog posts and web pages are ‘share-ready’. This includes making sure your og image and og data are displaying correctly. “Og” stands for open graph, which is basically the integration between your website and Facebook.

But we recently discovered something even more interesting – when you share your content via your iPhone, it’s also the og image and og data that gets pulled through as a preview. Well, sometimes. In some apps. So we thought we’d dig a little deeper to find out what’s going on.

Whether you’re a mobile marketer, or you just want to know how to get that nice preview displaying when you send someone a link via your iPhone, check out our definitive guide below.

SMS/iMessage

So, it turns out that iPhone’s use of the og image and og title has only been in place since their update to iOS10.

Any links shared via SMS (text message) or iMessage in iOS10 or later will pull through the og image and og title ONLY if the following conditions are met:

1. Position is everything

The link has to be right at the beginning or end of the SMS, and when they say the end, they literally mean the end – only a full-stop is allowed afterwards, no kisses or emojis! If the link is in the middle of the text, it will only display as a hyperlink, not a proper preview.

2. Get your prefix

The link must start with either http:// or https:// so if you’re sharing a link without this prefix, you’ll need to add it in. The best way is to copy the link directly from your mobile web browser. E.g. in Safari you tap on the URL in the address bar, then tap again to see a Cut/Copy/Paste menu appear. Tap Copy, then you can paste the link into your message.

3. Tap to load

Your nice preview won’t be automatically displayed for the recipient – they have to “tap to load preview”. The og title and og image will display once the preview has loaded. Here’s an example in a text message from Vodafone:

Tap to load preview (Vodafone)

4. No path to be found

Only the host name of the domain will display before and after preview; not the domain path. For example, if you shared the URL https://wildheartmedia.com/content-marketing-packages/, only the https://wildheartmedia.com/ part would actually be displayed in the message.

5. What if there’s no og image?

If there’s no og image set for the content that’s being shared, then the website’s favicon will be displayed instead (the small icon you see next to the website’s page titles in the browser tabs and bookmarks). If there’s no favicon set for the website, then the standard Safari favicon will display, as per the example below:

Standard Safari favicon

This serves as a great reminder to make sure you’ve set the right og image and og data for every page and post on your site. Check out this video if you’re not sure how.

6. Keep it singular

Multiple hyperlinks are not supported, so if you add more than one, there won’t be any previews, no matter where you place the links in your message.

So, provided you’ve added your og image and og data, and followed the rules above, your link should look something like this when shared in an SMS or iMessage:

Link sharing in iMessage

WhatsApp

Link sharing in WhatsApp on an iPhone seems to work in much the same way as above. The main differences are that you won’t need to tap to load the preview, and you can insert your link anywhere in the message. Also, the preview will actually appear above your message, rather than below it.

WhatsApp definitely uses the og data and image, which is no surprise, seeing as Facebook owns WhatsApp!

So, this is how your link will display in WhatsApp:

Link sharing in WhatsApp

FB Messenger

The same thing applies in Facebook Messenger as in WhatsApp – you can place your link anywhere in the message. However, the preview will appear below the message, as it does in text messages:

Link sharing in FB Messenger

In conclusion

So, now you know how your links will be displayed when you share them across SMS, WhatsApp and Messenger on an iPhone.

If you run a business you can see how important it is to make sure every blog post and every page of your website has an appropriate og image and og data applied. This is not only important for when your pages are shared across social media, but also when they’re shared in messages on mobile. And, as we all know, mobile is fast taking over the digital world!

For more information on setting the og image and data for each of your web pages and blog posts, check out the first of our Marketing Tips videos:

Marketing Tip #1


Marketing Tip #6: Should your links open in the same window or a new tab?

Our Marketing Tips category features a series of videos from Wildheart’s Content Queen, Hannah. We’ll be sharing hot marketing tips via screencast videos, so you can see exactly how to do it yourself – making your life just that little bit easier!

Opening links in the same window vs a new tab

In this month’s video Hannah gives a general guide for when your website links should open in a new tab and when they should open in the same window. She gives some examples and shows where you can set this in WordPress.

Watch our 5-minute video, or read the transcript below, to find out more.

Video transcript

[00:00] Hi, it’s Hannah from Wildheart Media here. In today’s Marketing Tips video I’m going to be looking at whether links in your website copy should open in the same window or a new tab. Now, it’s really good to include lots of links throughout your website, either to other pages on your website or to external relevant websites, because Google likes to see you linking to other relevant content and it will actually help your search rankings over time.

[00:30] Now, there are lots of different trends and preferences that come and go when it comes to opening links in a new tab or the same window, but what we always suggest at Wildheart is – as a general rule – any internal links that are linking to other content on your own website should open in the same window. And any external links that are linking to other people’s websites should open in a new tab.

[01:00] But there are a few exceptions to this, so let me show you some examples. So, this is one of our blog posts that we wrote about GDPR and email marketing and if I scroll down, you’ll see there’s a link here where we talk about an article from MailChimp. Now, because this is linking to an external website, if I click on it you’ll see that it’s opened in a new tab. And this is because we don’t want to lose people off our site, so once they’ve come over here and read the information they need, they can click back into this tab that’s still open and they can carry on reading the blog post. If we opened this in the same window we would have actually lost them off the website. The only way they can get back is to use the back button in their browser, but they might forget to do this, they might get a bit lost in what they’re doing, they might start reading other information on the MailChimp website, and we’ve basically lost them. So, that’s an external link so we open it in a new tab, so that our existing website is still open in the original tab.

[02:06] So, if I scroll down to the bottom of this blog post, you can see that our call-to-action (the button that we have at the bottom of this post) is to contact us – that’s what we want them to do next. And because that’s an internal link, we open it in the same window, because they’ve already finished reading the post and what we want them to do next on our site is come to this page, Contact Us. So we open that in the same window.

[02:35] So, one exception to this rule is, say you have a form like this one on our contact page, and you want to give them a link to the privacy policy, because you want them to agree to it. If I start typing an email address, you’ll see this checkbox appears down here saying, “I have read and agree to the privacy policy.” Now, although that’s an internal link, if we open it in the same window, again we’ve kind of lost them. They might have forgotten what they were doing, they might not remember to click back to finish sending this form. So, although that’s an internal link, we open it in a new tab so that they can come in here, read the privacy policy and just flip back to the original tab and carry on submitting this form. So that’s an example of an internal link that you’d actually want to open in a new tab.

[03:32] Another example where you would definitely want to open a link in a new tab is, for example, if you’re running a yoga business, or any other business where you have a booking system. Now, particularly for yoga and wellbeing businesses, that might be MindBodyOnline, or Tula, or a similar booking system. And, if you have a link that says “Book this class” or “Buy a class pass”, that link is going to take them into your booking system, which is essentially another website. So, again, you don’t want to lose them. You want to make sure that those links open in a new tab so that your website is still open in the original tab, so they can come back in, they can carry on reading, they can book other classes, and so on.

[04:21] So, I’m just going to quickly show you how to make sure your links open in a new tab or the same window. Now, the same principle applies whether you’re using the normal WordPress editor or whichever theme or editor you’re using. In our case we use the Tatsu page builder on our own website. So, I’ve just come in here to that same place on the GDPR blog post. Here is the link in the post and here it is in the actual editor. And if I just click on that link, you can see these options come up. This is your edit button. If you click on that you then get this cog symbol with your link options, and here is the checkbox that says whether you should open it in a new tab or not. And we do want this one to open in a new tab.

[05:04] So that’s basically all you do. This editing system is pretty much the same in most WordPress editors. There should always be an option to tick the box to say open it in a new tab, so that’s where you can decide whether to or not. Sometimes, you might actually need to enter the html itself, which is called a “target blank” and I will include the code for that in the transcript for this video: <a href=“https://yourURL.com” target=“_blank”></a>

[05:33] But otherwise, that’s basically our general guide on whether your links should open in a new tab or the same window. OK, I hope that’s helpful and if you need any help with your marketing, do fill out the form below this video, and we’ll include it in our next Marketing Tips video. Thanks and see you next time. Bye!


Marketing Tip #5: How to send large files for free

Our Marketing Tips category features a series of videos from Wildheart’s Content Queen, Hannah. We’ll be sharing hot marketing tips via screencast videos, so you can see exactly how to do it yourself – making your life just that little bit easier!

How to send files that are too big to email

In this month’s video Hannah has a great tip for sending large files, without having to mess around with Dropbox accounts or other online storage tools. All you need is one simple website!

Watch our 3-minute video, or read the transcript below, to find out more.

Video transcript

[00:00] Hi, it’s Hannah from Wildheart Media here. In today’s video I’m going to share a really useful way that you can share large files with people. So, most email clients only allow you to share files up to about 25MB, and if you have a file that’s larger than that, what do you do? So, it might be a video, it might be a large image, it might be a document.

[00:25] There’s this really useful tool you can use, that’s free, and it’s called WeTransfer.  And we use this a lot at Wildheart to send files to people. So, all you do is you go to wetransfer.com, and if this is the first time you’re visiting, you might need to just agree to their terms and conditions. And all you do is you go to ‘Add your files’ here. Now, you can see that you can add a file up to 2GB in size. If you do need to send anything bigger than that, you would need to upgrade to WeTransfer Plus. But this free version is great for anything up to 2GB.

[01:00] So, let’s say that we want to add this, we have a yoga photography guide which is a PDF and it’s almost 40MB, so it’s too big to send via email. So, I’m just going to attach that file there. And then, let’s say I’m just going to send it to myself actually, and it’s from me. And there’s space to put a message in here, which will come through in the person’s email inbox, and I usually just mention, so I’ve said ‘Hi there, Here’s the file we discussed. The link will expire in 7 days so remember to download it before then.’ WeTransfer does remind them in the email of this, but I always like to put it in the body text as well. So, they’ve got 7 days to download the file and then it’s theirs to keep forever. And if they’re not able to do it before then, you’ll have to send it to them again.

[02:00] So that’s all you do, you add all your information in here and hit ‘Transfer’. And then it will let you know once it’s done. You’ll get an email confirmation to tell you once it’s sent and also, once the person has downloaded the file, you’ll get another email confirmation, so you know that they’ve received it and they’ve downloaded it. And there you go, you can see it’s all been done, so that was actually really quick.

[02:30] So, that’s just a really useful tip, a really good tool you can use, wetransfer.com, to allow you to send any file up to 2GB in size. OK, I hope that’s helpful. And if you need any help with your marketing, if you’d like us to feature a tip in our next video, just fill out the form below this video. And I’ll see you next time. Thanks. Bye!


Marketing Tip #4: How to correct formatting errors in WordPress

Our new Marketing Tips category features a series of videos from Wildheart’s Content Queen, Hannah. We’ll be sharing hot marketing tips via screencast videos, so you can see exactly how to do it yourself – making your life just that little bit easier!

Clearing formatting errors in WordPress

In this month’s video Hannah introduces you to one of her best WordPress friends – the clear formatting tool! If you regularly copy and paste content into your WordPress website then you’ll want to watch this one!

Watch our 4-minute video or read the transcript below.

Video transcript

[00:00] Hi, I’m Hannah from Wildheart Media. In today’s Marketing Tips video I’m going to share a really useful tip with you for making sure you don’t have any weird formatting errors when copying and pasting into your WordPress website. So, you might have found that when you copy content from somewhere like an email, or a Word document, or perhaps a Google Doc, and you paste it into a blog post or a page on your WordPress website, that sometimes it comes out with some odd formatting – maybe your subheadings don’t look quite right, or there’s just some strange formatting going on. So I’m going to give you a really useful tip for making sure that doesn’t happen.

[00:46] So, let’s say I want to add a new post onto the Wildheart website. So I go to Posts and Add New. Now, depending on what editor you’re using – we actually use Tatsu to edit our posts – but you can still access the normal WordPress editor as well, so I’m going to show you in here how to do this. So, I’m in normal visual editing mode and this should look quite familiar to you. So this visual editor appears in lots of different places and it’s also known as a ‘WYSIWYG’ editor, which stands for What You See Is What You Get.      

[01:30] And if we stay on the visual tab here for now, and let’s say I want to copy some content, so this is from a recent blog post. I’m going to copy some of this content from this Google Doc and I’m just going to paste it into the visual editor. Now, what happens is, this heading doesn’t look quite right to me. I know what these headings normally look like and the formatting isn’t quite right.  

[02:03] I can also see that if I click into this content, down here at the bottom of the visual editor it’s showing me a ‘p’ which stands for paragraph, but we also have this ‘span’ tag, which we don’t want. This basically means that it’s picked up some erroneous formatting from the document that we pasted the content from – from here – and this nearly always happens if you’re copying from a Google Doc, a Word document or an email.

[02:33] So, you can see this span tag here and if I switch into the Text mode, which actually shows you the html, you can see that we have all these span tags here and it’s trying to pull in lots of information about the font. And we don’t actually want this, we don’t need any of these tags. So, all you do is, in here, select all of the content that’s in here, so you can use control (Ctrl) or command (Cmd) + A to select all, and then it’s this button here that is our friend! It’s the ‘Clear formatting’ button.

[03:08] So, if we go ahead and click that, you can see this heading has now changed format and I know that that’s what it normally looks like. And if I click into a paragraph we just have a nice clean ‘p’ at the bottom here, which just means paragraph. And if I go back into Text mode, all of that erroneous html that we didn’t want has disappeared, and we’ve just got nice clean text. You don’t need to know much about html to know about this, but if you do see those span tags when you’ve copied and pasted from somewhere  else, it’s really best to get rid of them and then you know that when you view this content on the front end, it’s going to look exactly as it should. There’s our H1 and there’s our paragraph text.

[03:55] So, this clear formatting button, this icon here in the visual editor toolbar, is really, really useful and I would advise any time you’re copying and pasting content into any page or post in WordPress, you always highlight it all as soon as you’ve pasted it in and use this clear formatting tool. And then you know you’re going to have clean text and it’s going to display correctly on the front end.

[04:20] OK, I hope that was useful and if you’d like any help with your marketing, do fill in the form below this video and we’ll make a video about it next time. OK, thanks, bye.         


Marketing Tip #3: How to save money with MailChimp

Our new Marketing Tips category features a series of videos from Wildheart’s Content Queen, Hannah. We’ll be sharing hot marketing tips via screencast videos, so you can see exactly how to do it yourself – making your life just that little bit easier!

Saving money with MailChimp

In this month’s video Hannah shares a quick but very useful tip for how to save money with MailChimp. If you’re currently spending money on your email marketing – wait! You might find you don’t need to.

Watch our 3-minute video or read the transcript below.

Video transcript

[00:00] Hi, it’s Hannah from Wildheart Media here. In today’s video I’m going to share with you a very quick but very useful tip for how you can save money with MailChimp. Now, it’s surprising how many people we come across who don’t realise what I’m about to share with you.

[00:16] So, here I am in the Wildheart Media MailChimp account. Now, we don’t actually use MailChimp for our email marketing. We actually use Drip which is a marketing automation software, so this is really just a dummy account. But this is what your dashboard would look like, and if I just click up here into the account settings, it will take you into an overview page. And what you can see here is that we’re on the Forever Free plan.

[00:47] Now, if I click into Upgrade Account you can see the actual billing options available and you can see here that MailChimp have a Forever Free plan, which means if you have fewer than 2,000 subscribers, you can send up to 12,000 emails per month absolutely free. Now, this is the bit that a lot of people don’t know about – that if you do have fewer than 2,000 subscribers, you really shouldn’t be paying any money to MailChimp.

[01:18] Sometimes an account gets upgraded or you automatically get put on this monthly charge, and at the moment it’s saying that it would charge us £7.59, which is about $10 USD a month. So, it’s surprising how many people we find who are actually on this monthly payment scheme and don’t realise that they don’t need to be. And you can actually downgrade your account to Forever Free as long as you have fewer than 2,000 subscribers.

[01:50] So, this is also a great way to save money if you’re not currently using MailChimp. Perhaps you’re using another email marketing provider, or email automation provider, but you’re not actually making the most of all their features. And if you don’t need particularly sophisticated email marketing, then you may be better switching over to MailChimp, switching to their Forever Free plan, and also staying under 2,000 subscribers is a great way to clean your list. So, if you only have a few above 2,000 subscribers, you might want to do some list cleaning, some list pruning – I’ll add a link to our recent blog post about that in the text below (4 steps to cultivating a high quality email list with MailChimp). So, it’s a great way to stay below 2,000 subscribers, switch to Forever Free plan in MailChimp and you’ll be saving yourself some money each month.

[02:50] Ok, so I hope that’s been helpful and I’ll see you next time. If you have a marketing question or you’d like help or a tip with any aspect of marketing, do fill in the form below this video and we’ll make a video about it next time. Ok, thanks, bye!


Marketing Tip #2: Facebook’s invaluable marketing tool

Our new Marketing Tips category features a series of videos from Wildheart’s Content Queen, Hannah. We’ll be sharing hot marketing tips via screencast videos, so you can see exactly how to do it yourself – making your life just that little bit easier!

Facebook’s best kept secret

In this month’s video Hannah shares a really helpful tool from Facebook for anyone wanting to share their web pages and blog posts on this network. It’s particularly useful if you want to re-share your content after updating the social media image or SEO data.

Watch our 3-minute video or read the transcript below.

Video transcript

[00:00] Hi, it’s Hannah from Wildheart Media here and welcome to our Marketing Tips video series. If you want to make sure your web pages and blog posts look great when you share them on social media, make sure you check out the first video in this series.

[00:15] In today’s video I’m going to show you how to make sure you’re always getting the latest social media image and SEO [search engine optimisation] data displaying when you share your pages and posts on Facebook. Now, this image is often referred to as an ‘og image’ and that stands for ‘open graph’, and open graph is basically the integration between your website and Facebook. Now, this is particularly useful if you’ve updated something on your page or post and you want to re-share it on Facebook, because what Facebook does is it always uses the cached version of your data, so when you change something you need to force it to update itself, to make sure that it’s displaying the right information when you share it.

[01:02] So, there’s a really useful tool that you can use to do this, and that tool – da da dah – is: the Facebook for Developers Sharing Debugger. So, this is on the Facebook for Developers website and I’ll put a link to this below the video. So, you can see here that we’re in the Sharing Debugger section and it says “Enter a URL to see the information that’s used when it’s shared on Facebook.”

[01:30] So, let’s say I’m going to share the Wildheart Media Yoga Businesses page. So, maybe I’ve changed something on this page, maybe I’ve updated the image or the SEO data, and I want to re-share it on Facebook. So what I’m going to do is copy that URL and just paste it into this field here and click Debug. And what you see, if you scroll down to this Link Preview section here, this will show you exactly how it’s going to display when you share it on Facebook. So, I can check I’ve got the right title here, the right description, and the right image is all pulling through.

[02:12] And, if you’ve changed something and that new information is not pulling through here, all you need to do is hit Scrape Again, and you can just keep hitting that button as many times as you need to until it pulls the right information through. You might have to hit it a few times, but basically that will force it to update its data, and then once you can see the Link Preview here is pulling through all the right data and the right image, then you can go ahead and share it on Facebook.

[02:45] So, that’s a really useful tool if you’re sharing any web pages or blog posts across Facebook, especially if you’re updating something and you want to make sure that that latest data is going to pull through when you share it. A really useful tool – the Sharing Debugger from Facebook for Developers. OK, I hope that was useful and I’ll see you next time. Thank you. Bye!


Marketing Tip #1: Sharing posts and pages on social media

Our new Marketing Tips category features a series of videos from Wildheart’s Content Queen, Hannah. We’ll be sharing hot marketing tips via screencast videos, so you can see exactly how to do it yourself – making your life just that little bit easier!

How to get your posts and pages ‘share-ready’

In this month’s video Hannah shares two important tips for getting your blog posts and web pages ‘share-ready’. You can’t control where and when your content gets shared across social media, but you can control how it displays when it gets shared.

Watch our 5-minute video for our hot tips, or read the transcript below.

Video transcript

[00:00] Hi, I’m Hannah from Wildheart Media. In today’s video I’m going to give you a couple of tips for sharing your blog posts and web pages across your social media channels. Now, it’s important that your posts and pages are share-ready, because you can’t control how or when other people share these pages on their social networks, but what you can control is how they’re displayed when they’re shared.

[00:26] Now, the example I’m going to use today is Facebook. So, here I am on the Wildheart Media Facebook page, and here is a blog post that we’ve recently shared. And you can see here, we have a beautiful image and the blog title and blog description have pulled through here. Now, we haven’t done this manually, so I’m going to show you how to add this information to your blog post so that it displays on your Facebook page like this.

[00:50] So, I’m going to go into the back-end of this post, Do you need to create digital products for your yoga business? Now, I just want to say – and you’ve probably noticed that we’re in WordPress here – we always build all our websites in WordPress, because we believe it is the most flexible and most customisable [Hannah: “and best supported”] web platform. But, whichever web platform you’re using, you should be able to do this in a similar way.

[01:15] So, if I scroll down on this page, you can see here there’s a section for ‘Post SEO Settings’. Now, the plugin we’re using here is called The SEO Framework. There are many different plugins you could use and one of the most popular is Yoast, so your SEO settings might look a little different to this, but they should all have the same general information. So, here you can see the post title and post description – which are these sections here that pull through to the Facebook post. And, if I click on the ‘Social’ tab here, this is where you can set the information for your social networks. So, we have the Open Graph title and description – and Open Graph basically means Facebook; it’s the integration with Facebook – and the Twitter title and description.

[01:59] Now, the SEO Framework plugin only requires one image to cover both of these social networks, so here’s the ‘Custom Social Image URL’. If you’re using Yoast, for example, they do require two different images, because Twitter and Facebook have different optimum image dimensions, so we do recommend following those recommendations and uploading two different images with the optimum sizes for each. Now, if I click into ‘change image’ here, you can see there’s a note at the top saying ‘Suggested image dimensions: 1200 x 630 pixels’. These are the optimum dimensions for Facebook, so every image you share on Facebook should ideally be this size. And, if I click into this image here, you can see that’s the exact size of this image already. Now, we highly recommend that you always resize your images first to the correct dimensions, before uploading them to your WordPress Media Library.

[03:00] Ok, so that’s the image that we have in place here. Remember, if you’ve made any changes to this page, always click ‘Update’ before you leave to save your changes. So, entering your data – your title, your description and your image – into the ‘Social’ tab of your SEO settings is what’s going to pull through to your social network channels, exactly how it’s displayed here on this Facebook post.

[03:25] Now, there’s just one more tip I want to give you. And, let’s say I’m going to share this post again on Facebook. So, let’s go up and let’s imagine we’re writing a new post. So, there’s the text we want to add and I want to add the link to the post. So I’m going to copy it from this page and I’m going to paste it into my Facebook update. Now, as you can see, as soon as you paste the URL there, all the SEO data is pulled through – the image, the title and the description.

[04:05] Now, one mistake that a lot of people make after doing this is simply hitting ‘Publish’. However, this final tip is going to make your posts look a lot more professional, because what we recommend you do is delete this URL. Now, as soon as the preview has appeared, and you can see this information, you can go ahead and delete this link, and you can see that it stays there. Now, the reason we suggest doing that is because it looks unprofessional and it distracts attention away from what you really want them to look at. So, this is your link here; you don’t need an extra link in the text. And, especially if that URL is very long – it might span two, or even three, lines – it’s not going to look very professional. So, we would suggest: always delete your URL once your preview has generated. Then you can go ahead and hit ‘Publish’.

[05:00] Ok, so I hope those tips were useful, and if you’ve got a marketing question, or you would like any tips, just fill out the form below, and we’ll include it in our next video. OK, thanks and see you next time. Bye!