<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Web design &#8211; THE EXPAT COPYWRITER</title>
	<atom:link href="https://www.elenadefrancisco.com/category/web-design/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.elenadefrancisco.com</link>
	<description></description>
	<lastBuildDate>Wed, 01 May 2024 09:13:18 +0000</lastBuildDate>
	<language>en-GB</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	

<image>
	<url>https://www.elenadefrancisco.com/wp-content/uploads/2021/02/cropped-favicon_theexpatcopywritter-2-32x32.gif</url>
	<title>Web design &#8211; THE EXPAT COPYWRITER</title>
	<link>https://www.elenadefrancisco.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Want to attract attention? Choose the right visuals for your website, posts, and ads.</title>
		<link>https://www.elenadefrancisco.com/how-to-choose-images-for-your-website/</link>
					<comments>https://www.elenadefrancisco.com/how-to-choose-images-for-your-website/#comments</comments>
		
		<dc:creator><![CDATA[Elena de Francisco]]></dc:creator>
		<pubDate>Tue, 18 Apr 2023 07:56:53 +0000</pubDate>
				<category><![CDATA[Ads]]></category>
		<category><![CDATA[Social media]]></category>
		<category><![CDATA[Web design]]></category>
		<guid isPermaLink="false">https://www.elenadefrancisco.com/?p=122790</guid>

					<description><![CDATA[Visuals + Copy is the winning formula. When you learn how to choose the visuals for your website, ads and posts you stand out and make more sales. Here's how.]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">There are a gazillion studies concluding that images influence our emotions and therefore our <a href="https://www.elenadefrancisco.com/how-to-sell-to-the-brain/" target="_blank" rel="noreferrer noopener">purchasing decisions</a>.</p>



<p class="wp-block-paragraph">I’ve read a lot on the subject and with this mini copy class, I want to save you all the time I’ve invested in drawing the conclusions I summarise here.</p>



<p class="wp-block-paragraph">We’ll see what kind of images work best on the internet and which ones you should avoid in any circumstances.</p>



<p class="wp-block-paragraph">Because just as images can help you grab your prospects’ attention and enhance your offer, they can also do the opposite: that people ignore you or don’t get your message.</p>



<p class="wp-block-paragraph">And to better understand how images influence people’s emotions we’ll look at some examples.</p>



<p class="wp-block-paragraph">But don’t worry.</p>



<p class="wp-block-paragraph">We aren’t only going to look at brands with huge advertising budgets, but also at the more mundane ones with whom we surely have more in common.</p>



<figure class="wp-block-image aligncenter size-full"><a href="https://www.elenadefrancisco.com/sell-international-customers/ " target="_blank" rel="noreferrer noopener"><img fetchpriority="high" decoding="async" width="560" height="315" src="https://www.elenadefrancisco.com/wp-content/uploads/2021/11/Free-guide.png" alt="Free Copywriting Guide" class="wp-image-121508" srcset="https://www.elenadefrancisco.com/wp-content/uploads/2021/11/Free-guide.png 560w, https://www.elenadefrancisco.com/wp-content/uploads/2021/11/Free-guide-480x270.png 480w" sizes="(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 560px, 100vw" /></a></figure>



<h1 class="wp-block-heading">The main objective: to wake a sleepy audience up</h1>



<p class="wp-block-paragraph">Advertisers of decades ago already came to the same conclusion: <strong>the images that work best are those that catch the eye.</strong></p>



<p class="wp-block-paragraph">Those that break our default mental patterns and make us pay attention.</p>



<p class="wp-block-paragraph">David Ogilvy, the father of advertising, said:</p>



<p class="wp-block-paragraph"><em>&#8220;What do work are photographs which arouse the reader’s curiosity. He glances at the photograph and says to himself, “What goes on here?” Then he reads your copy to find out. This is the trap to set. Harold Rudolph called this magic element “story appeal,” and demonstrated that the more of it you inject into your photographs, the more people will look at your advertisements. […]”.</em></p>



<p class="wp-block-paragraph">If Ogilvy already thought like this before Instagram existed, imagine now with all these brands fighting to get our attention all the time.</p>



<p class="wp-block-paragraph">We must elbow our way in &#8211; or rather use powerful images and copy &#8211; to get our prospects’ full attention.</p>



<p class="wp-block-paragraph">Sometimes the images are so powerful that they don&#8217;t need much copy:</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="815" height="542" src="https://www.elenadefrancisco.com/wp-content/uploads/2023/04/image.png" alt="shocking images for ads" class="wp-image-122722" srcset="https://www.elenadefrancisco.com/wp-content/uploads/2023/04/image.png 815w, https://www.elenadefrancisco.com/wp-content/uploads/2023/04/image-480x319.png 480w" sizes="(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 815px, 100vw" /></figure>



<p class="wp-block-paragraph">And others in which the copy is what will make the message stronger:</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="700" height="345" src="https://www.elenadefrancisco.com/wp-content/uploads/2023/04/image-1.png" alt="shocking images for ads" class="wp-image-122723" srcset="https://www.elenadefrancisco.com/wp-content/uploads/2023/04/image-1.png 700w, https://www.elenadefrancisco.com/wp-content/uploads/2023/04/image-1-480x237.png 480w" sizes="(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 700px, 100vw" /></figure>



<p class="wp-block-paragraph">Sometimes the impact of the image is created by the headline.</p>



<p class="wp-block-paragraph">It might be a nothing-special photo but it’s the headline what grabs your attention:</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="945" height="655" src="https://www.elenadefrancisco.com/wp-content/uploads/2023/04/image-2.png" alt="Great headlines" class="wp-image-122724" srcset="https://www.elenadefrancisco.com/wp-content/uploads/2023/04/image-2.png 945w, https://www.elenadefrancisco.com/wp-content/uploads/2023/04/image-2-480x333.png 480w" sizes="(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 945px, 100vw" /></figure>



<p class="wp-block-paragraph">If you see that headline, you&#8217;re going to look at the ad for sure, because it’s shocked you. You ask yourself, but why is the waiter calling names to that customer?</p>



<p class="wp-block-paragraph">The ad copy goes:</p>



<p class="wp-block-paragraph">&#8220;Have you ever doubted the sincerity of an Italian waiter&#8217;s smile? Wondered what it was you said that made those Spanish shop assistants giggle? Or questioned why that French doctor gave you headache pills for food poisoning?</p>



<p class="wp-block-paragraph">Haven’t we all? But imagine for a moment how different these situations might be if you could understand and talk to people when you’re abroad&#8221;.</p>



<p class="wp-block-paragraph">The copy goes on talking about Linguaphone, a language school.</p>



<p class="wp-block-paragraph">Here the image is nothing out of the ordinary but serves to illustrate and complement a powerful piece of copy<strong>.</strong></p>



<p class="wp-block-paragraph"><strong>The copy without the image wouldn’t work as well, and the image alone wouldn’t make people stop and read the ad.</strong></p>



<p class="wp-block-paragraph">Together, they tick all the boxes.</p>



<p class="wp-block-paragraph">Let’s look at more examples so we can apply all these important lessons to our mundane businesses.</p>


<hr /><p><em>Want to attract attention? Choose the right images for your #website, #posts, and #ads. #copywriting #socialmedia #design #SmallBiz</em><br /><a href="https://x.com/intent/tweet?url=https%3A%2F%2Fwww.elenadefrancisco.com%2Fhow-to-choose-images-for-your-website%2F&#038;text=Want%20to%20attract%20attention%3F%20Choose%20the%20right%20images%20for%20your%20%23website%2C%20%23posts%2C%20and%20%23ads.%20%23copywriting%20%23socialmedia%20%23design%20%23SmallBiz&#038;via=elenadefran&#038;related=elenadefran" target="_blank" rel="noopener noreferrer">Share on X</a><br /><hr />


<h2 class="wp-block-heading">How to use images to help you sell more</h2>



<h3 class="wp-block-heading">Choose images that help you convey your Unique Selling Proposition.</h3>



<p class="wp-block-paragraph">A website with images converts better.</p>



<p class="wp-block-paragraph">They break the monotony of the text and help your website visitors understand concepts faster.</p>



<p class="wp-block-paragraph">You should add images that help you convey your <a href="https://www.elenadefrancisco.com/find-out-what-is-your-unique-selling-proposition-and-sell-more/" target="_blank" rel="noreferrer noopener">Unique Selling Proposition</a>.</p>



<p class="wp-block-paragraph">Let&#8217;s look at how I do it on my website.</p>



<p class="wp-block-paragraph">My USP is that I give businesses a unique twist by creating original and compelling copy.</p>



<p class="wp-block-paragraph">And I do that by shying away from boring and repetitive content everyone is using. What I call Zombie Copy.</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="463" src="https://www.elenadefrancisco.com/wp-content/uploads/2023/04/image-14-1024x463.png" alt="Image conveying USP" class="wp-image-122791" srcset="https://www.elenadefrancisco.com/wp-content/uploads/2023/04/image-14-1024x463.png 1024w, https://www.elenadefrancisco.com/wp-content/uploads/2023/04/image-14-980x443.png 980w, https://www.elenadefrancisco.com/wp-content/uploads/2023/04/image-14-480x217.png 480w" sizes="(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1024px, 100vw" /></figure>



<p class="wp-block-paragraph">This image helps me convey my USP in a fun and memorable way.</p>



<p class="wp-block-paragraph">Illustrations are a wicked way to be more likeable as a brand.</p>



<p class="wp-block-paragraph">They help you stand out from your competition and convey your main benefits in an original and memorable way.</p>



<p class="wp-block-paragraph">Lemon.io does it as well:</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="945" height="425" src="https://www.elenadefrancisco.com/wp-content/uploads/2023/04/image-4.png" alt="Image conveying USP" class="wp-image-122726" srcset="https://www.elenadefrancisco.com/wp-content/uploads/2023/04/image-4.png 945w, https://www.elenadefrancisco.com/wp-content/uploads/2023/04/image-4-480x216.png 480w" sizes="(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 945px, 100vw" /></figure>



<p class="wp-block-paragraph"><a href="https://lemon.io/" target="_blank" rel="noreferrer noopener">Lemon.io</a> is a platform that connects developers with startups.</p>



<p class="wp-block-paragraph">Their USP is that they make sure their devs won’t turn out to be a fiasco since they have to pass a series of tests before they can be part of Lemon.io devs pool.</p>



<p class="wp-block-paragraph">The image of the CV in a trap help visitors grab their USP quickly summoning one of startups’ most recurrent pain points.</p>



<p class="wp-block-paragraph">Lemon.io knows their prospects had bad experiences with developers in the past who weren’t as good as their CVs made them out to be.</p>



<p class="wp-block-paragraph">Illustrations also give personality to your brand since they’re unique.</p>



<p class="wp-block-paragraph">The illustrators and designers from <a href="https://labolaocho.com/" target="_blank" rel="noreferrer noopener">La Bola Ocho</a> created my website. Together we also work for clients who need copy and brand design.</p>



<p class="wp-block-paragraph">If you need someone to design your logo, website, or packaging or help you stand out with funny and original illustrations, don’t hesitate!</p>



<figure class="wp-block-image aligncenter size-full"><a href="https://www.elenadefrancisco.com/contact-freelance-copywriter/" target="_blank" rel="noreferrer noopener"><img loading="lazy" decoding="async" width="560" height="315" src="https://www.elenadefrancisco.com/wp-content/uploads/2022/04/CONTACT-ME-1.png" alt="Freelance Copywriter" class="wp-image-122042" srcset="https://www.elenadefrancisco.com/wp-content/uploads/2022/04/CONTACT-ME-1.png 560w, https://www.elenadefrancisco.com/wp-content/uploads/2022/04/CONTACT-ME-1-480x270.png 480w" sizes="(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 560px, 100vw" /></a></figure>



<h3 class="wp-block-heading">Images to build credibility</h3>



<p class="wp-block-paragraph">When you’re a service provider it’s important to show your face. Even if you’re a team.</p>



<p class="wp-block-paragraph">Prospects want to see that you’re real people so they can trust your company to solve their problem.</p>



<p class="wp-block-paragraph">That’s why you should show your faces on your About page. Or even on your Home page.</p>



<p class="wp-block-paragraph">Moreover, images of people grab more attention because humans feel attracted by other humans.</p>



<p class="wp-block-paragraph">And this principle also applies to customer testimonials.</p>



<p class="wp-block-paragraph">Whenever possible add a photo of the person talking about their experience after working with you or buying your product.</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="945" height="397" src="https://www.elenadefrancisco.com/wp-content/uploads/2023/04/image-15.png" alt="Great client testimonial example" class="wp-image-122792" srcset="https://www.elenadefrancisco.com/wp-content/uploads/2023/04/image-15.png 945w, https://www.elenadefrancisco.com/wp-content/uploads/2023/04/image-15-480x202.png 480w" sizes="(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 945px, 100vw" /></figure>


<hr /><p><em>Want to attract attention? Choose the right images for your #website, #posts, and #ads. #copywriting #socialmedia #design #SmallBiz</em><br /><a href="https://x.com/intent/tweet?url=https%3A%2F%2Fwww.elenadefrancisco.com%2Fhow-to-choose-images-for-your-website%2F&#038;text=Want%20to%20attract%20attention%3F%20Choose%20the%20right%20images%20for%20your%20%23website%2C%20%23posts%2C%20and%20%23ads.%20%23copywriting%20%23socialmedia%20%23design%20%23SmallBiz&#038;via=elenadefran&#038;related=elenadefran" target="_blank" rel="noopener noreferrer">Share on X</a><br /><hr />


<h3 class="wp-block-heading">Attention-grabbing images on social media</h3>



<p class="wp-block-paragraph">Social media has become a battleground where millions of brands fight for attention around the clock.</p>



<p class="wp-block-paragraph">It can feel haunting.</p>



<p class="wp-block-paragraph">But if we want to survive as brands we need to make some space for our businesses in this overcrowded party.</p>



<p class="wp-block-paragraph">We’ve already seen some tricks to win this battle such as using images with people in them.</p>



<p class="wp-block-paragraph">But you can&#8217;t post selfies all the time because you&#8217;ll be considered a narcissist. (And there are already too many around).</p>



<p class="wp-block-paragraph">Use this resource for some of your organic posts but when it comes to ads better use images that grab people’s attention by breaking mental patterns.</p>



<p class="wp-block-paragraph">You can do this by choosing images that have that “story appeal” Ogilvy talked about. Images that aren’t too common so when looking at them people wonder &#8220;What&#8217;s going on there?&#8221;</p>



<p class="wp-block-paragraph">Or you can use images that aren’t so out of the ordinary but complement the copy and awaken people’s curiosity, as we saw with the image of the Italian waiter.</p>



<p class="wp-block-paragraph"><strong>I&#8217;ll give you a real example of a product I worked with recently to show you how important the image is to enhance the copy.</strong></p>



<p class="wp-block-paragraph">This Spanish brand sells tablets to feel less hangover after drinking. For them, I wrote some emails and ads for Instagram and Facebook.</p>



<p class="wp-block-paragraph">The copy of one of the ads said:</p>



<p class="wp-block-paragraph"><em>FORGET IT. HE&#8217;S NOT GOING TO SLEEP 2 HOURS LONGER BECAUSE YOU HAD A BIG NIGHT.</em></p>



<p class="wp-block-paragraph"><em>Don’t regret it.</em></p>



<p class="wp-block-paragraph"><em>One tablet just before you start drinking and a second one before you go to bed and forget the word hangover.</em></p>



<p class="wp-block-paragraph"><em>100% natural ingredients. No side effects. Ask for Sayonara at your local pharmacy.</em></p>



<p class="wp-block-paragraph">This is the image I proposed to enhance the copy:</p>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="485" height="485" src="https://www.elenadefrancisco.com/wp-content/uploads/2023/04/image-6.png" alt="Great images for SM ads" class="wp-image-122728" srcset="https://www.elenadefrancisco.com/wp-content/uploads/2023/04/image-6.png 485w, https://www.elenadefrancisco.com/wp-content/uploads/2023/04/image-6-480x480.png 480w" sizes="(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 485px, 100vw" /></figure>



<p class="wp-block-paragraph">It was just to give them an idea, they didn’t have to use this exact one I’d created on Canva.</p>



<p class="wp-block-paragraph">I chose this image because the baby looks you in the eye with that mischievous smile that goes perfectly with the headline.</p>



<p class="wp-block-paragraph">Moreover, baby images attract a lot of attention because of our natural instinct to protect them.</p>



<p class="wp-block-paragraph">But oh no!! My heart dropped when I saw the image they’d chosen for the ad:</p>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="792" height="783" src="https://www.elenadefrancisco.com/wp-content/uploads/2023/04/image-7.png" alt="" class="wp-image-122729" srcset="https://www.elenadefrancisco.com/wp-content/uploads/2023/04/image-7.png 792w, https://www.elenadefrancisco.com/wp-content/uploads/2023/04/image-7-480x475.png 480w" sizes="(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 792px, 100vw" /></figure>



<p class="wp-block-paragraph"><strong>The baby&#8217;s back is turned so there’s no connection with the audience and no mischievous smile directed at the viewer.</strong></p>



<p class="wp-block-paragraph">Besides, there are too many elements in that picture that distract from the main point. The baby.</p>



<p class="wp-block-paragraph">With this image, I’m sure the ad won’t work as well. Such a shame!</p>



<p class="wp-block-paragraph"><strong>So remember: </strong>if you want people to pay attention to your organic posts or ads:</p>



<ol class="wp-block-list" type="1">
<li>Choose an image that creates a connection with the viewer and enhances an already powerful headline.</li>



<li>Or a shocking image that breaks mental patterns and attracts all the looks</li>
</ol>



<p class="wp-block-paragraph">Like:</p>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="709" height="945" src="https://www.elenadefrancisco.com/wp-content/uploads/2023/04/image-8.png" alt="Great images for SM ads" class="wp-image-122730" srcset="https://www.elenadefrancisco.com/wp-content/uploads/2023/04/image-8.png 709w, https://www.elenadefrancisco.com/wp-content/uploads/2023/04/image-8-480x640.png 480w" sizes="(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 709px, 100vw" /></figure>



<p class="wp-block-paragraph">This ad is from an insurance company.</p>



<p class="wp-block-paragraph">And yet most insurance companies still insist on using boring images and bland copy…</p>


<hr /><p><em>Want to attract attention? Choose the right images for your #website, #posts, and #ads. #copywriting #socialmedia #design #SmallBiz</em><br /><a href="https://x.com/intent/tweet?url=https%3A%2F%2Fwww.elenadefrancisco.com%2Fhow-to-choose-images-for-your-website%2F&#038;text=Want%20to%20attract%20attention%3F%20Choose%20the%20right%20images%20for%20your%20%23website%2C%20%23posts%2C%20and%20%23ads.%20%23copywriting%20%23socialmedia%20%23design%20%23SmallBiz&#038;via=elenadefran&#038;related=elenadefran" target="_blank" rel="noopener noreferrer">Share on X</a><br /><hr />


<h3 class="wp-block-heading">Images to sell an experience</h3>



<p class="wp-block-paragraph">And by experiences, I don&#8217;t just mean tours, amusement parks or festivals.</p>



<p class="wp-block-paragraph">Often a product is also an experience.</p>



<p class="wp-block-paragraph">Air stream knows this very well when selling their caravans.</p>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="810" height="686" src="https://www.elenadefrancisco.com/wp-content/uploads/2023/04/image-9.png" alt="Great images for ads" class="wp-image-122731" srcset="https://www.elenadefrancisco.com/wp-content/uploads/2023/04/image-9.png 810w, https://www.elenadefrancisco.com/wp-content/uploads/2023/04/image-9-480x407.png 480w" sizes="(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 810px, 100vw" /></figure>



<p class="wp-block-paragraph">They sell the experience you’ll live with it, not the caravan itself.</p>



<p class="wp-block-paragraph"><strong>When selling experiences choose images that anticipate the joy of living that precise moment.</strong></p>



<p class="wp-block-paragraph">Images that generate the desire to be there and nowhere else.</p>



<p class="wp-block-paragraph">Better show common and real people because it’s easier to identify with them. Models with perfect bodies and faces aren’t always the right choice, they seem too unattainable and therefore less relatable.</p>


<hr /><p><em>Want to attract attention? Choose the right images for your #website, #posts, and #ads. #copywriting #socialmedia #design #SmallBiz</em><br /><a href="https://x.com/intent/tweet?url=https%3A%2F%2Fwww.elenadefrancisco.com%2Fhow-to-choose-images-for-your-website%2F&#038;text=Want%20to%20attract%20attention%3F%20Choose%20the%20right%20images%20for%20your%20%23website%2C%20%23posts%2C%20and%20%23ads.%20%23copywriting%20%23socialmedia%20%23design%20%23SmallBiz&#038;via=elenadefran&#038;related=elenadefran" target="_blank" rel="noopener noreferrer">Share on X</a><br /><hr />


<h3 class="wp-block-heading">Images to express a benefit</h3>



<p class="wp-block-paragraph">Images can help you express all the benefits of your product at a glance.</p>



<p class="wp-block-paragraph">A perfect example of what I mean here is this one:</p>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="906" height="881" src="https://www.elenadefrancisco.com/wp-content/uploads/2023/04/image-10.png" alt="Great images for ads" class="wp-image-122732" srcset="https://www.elenadefrancisco.com/wp-content/uploads/2023/04/image-10.png 906w, https://www.elenadefrancisco.com/wp-content/uploads/2023/04/image-10-480x467.png 480w" sizes="(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 906px, 100vw" /></figure>



<p class="wp-block-paragraph">This ad is for Keloptic, a French optician brand, created by the agency Y&amp;R Paris.</p>



<p class="wp-block-paragraph">It’s striking because it ticks all the boxes:</p>



<ol class="wp-block-list" type="1">
<li>It breaks our mental patterns (we’ve never seen Van Gogh&#8217;s face so clearly in one of his self-portraits) and therefore it forces us to look and pay attention</li>



<li>and it expresses at a glance the main benefit of their product.</li>
</ol>



<p class="wp-block-paragraph">Images also serve to demonstrate other types of benefits.</p>



<p class="wp-block-paragraph">For example, size, as Squareup does to show the compactness of their chip readers:</p>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="945" height="456" src="https://www.elenadefrancisco.com/wp-content/uploads/2023/04/image-11.png" alt="Images that demonstrate the size of a product" class="wp-image-122733" srcset="https://www.elenadefrancisco.com/wp-content/uploads/2023/04/image-11.png 945w, https://www.elenadefrancisco.com/wp-content/uploads/2023/04/image-11-480x232.png 480w" sizes="(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 945px, 100vw" /></figure>



<p class="wp-block-paragraph">You can also demonstrate the size of your product by taking the photo from below and putting your product next to other objects that serve as a reference.</p>



<p class="wp-block-paragraph">Burger King does it to show their burgers are big:</p>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="889" height="499" src="https://www.elenadefrancisco.com/wp-content/uploads/2023/04/image-12.png" alt="Images that demonstrate the size of a product" class="wp-image-122734" srcset="https://www.elenadefrancisco.com/wp-content/uploads/2023/04/image-12.png 889w, https://www.elenadefrancisco.com/wp-content/uploads/2023/04/image-12-480x269.png 480w" sizes="(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 889px, 100vw" /></figure>



<p class="wp-block-paragraph">The before/after images work very well in many cases to show the benefits of your product or service. Like this one of a hair transplant clinic:</p>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="877" height="598" src="https://www.elenadefrancisco.com/wp-content/uploads/2023/04/image-13.png" alt="Before/after image" class="wp-image-122735" srcset="https://www.elenadefrancisco.com/wp-content/uploads/2023/04/image-13.png 877w, https://www.elenadefrancisco.com/wp-content/uploads/2023/04/image-13-480x327.png 480w" sizes="(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 877px, 100vw" /></figure>



<h2 class="wp-block-heading">Which images not to use</h2>



<ul class="wp-block-list">
<li><strong>Don&#8217;t choose bland stock images. Like those of people working on a MacBook with a latte.</strong></li>
</ul>



<p class="wp-block-paragraph">These photos don’t contribute anything and won’t help you stand out because you can see exactly the same ones in different places. They don’t compel any benefits, they aren’t striking and they don’t make people want to be there at that moment.</p>



<ul class="wp-block-list">
<li><strong>Photos of large groups of people don’t work as well because it’s more difficult to identify with one of them.</strong></li>
</ul>



<p class="wp-block-paragraph">Best use images of individuals or small groups.</p>



<ul class="wp-block-list">
<li><strong>Be careful with images that are too heavy and slow down your website.</strong></li>
</ul>



<p class="wp-block-paragraph">Use a plugin to optimise the images’ size. I use <a href="https://optimizador.io/" target="_blank" rel="noreferrer noopener">optimizador.io</a>.</p>



<ul class="wp-block-list">
<li><strong>Poor quality images. If you don&#8217;t want people to think your company is shoddy, watch out for those blurry, low-resolution images.</strong></li>
</ul>



<p class="wp-block-paragraph">Don&#8217;t upload photos that have been sent to you via WhatsApp. They always lose in quality.</p>



<ul class="wp-block-list">
<li><strong>Images of beautiful landscapes that have nothing to do with your product or service.</strong></li>
</ul>



<p class="wp-block-paragraph">I see this a lot. Coaches, SaaS companies, plumbers, whatever, who randomly add in a picture of some snowed peaks and a blue lake.</p>



<p class="wp-block-paragraph">These images serve no purpose to your business. Visitors haven’t landed on your website to look at pretty landscapes. They just want to find our quickly how you can help. Use images that make sense and help you express your value.</p>



<ul class="wp-block-list">
<li><strong>Metaphorical images that confuse the message</strong></li>
</ul>



<p class="wp-block-paragraph">Imagine you are a coach and you say on your website &#8220;Take the bull by the horns&#8221; and you decide to accompany the copy with a picture of a bullfighter.</p>



<p class="wp-block-paragraph">This image may confuse your reader. What’s this? A coach or a bullfighting school?</p>



<p class="wp-block-paragraph">Keep in mind that people often don’t read the whole copy, but scan it and read only single sentences.</p>


<hr /><p><em>Want to attract attention? Choose the right images for your #website, #posts, and #ads. #copywriting #socialmedia #design #SmallBiz</em><br /><a href="https://x.com/intent/tweet?url=https%3A%2F%2Fwww.elenadefrancisco.com%2Fhow-to-choose-images-for-your-website%2F&#038;text=Want%20to%20attract%20attention%3F%20Choose%20the%20right%20images%20for%20your%20%23website%2C%20%23posts%2C%20and%20%23ads.%20%23copywriting%20%23socialmedia%20%23design%20%23SmallBiz&#038;via=elenadefran&#038;related=elenadefran" target="_blank" rel="noopener noreferrer">Share on X</a><br /><hr />


<h2 class="wp-block-heading">To sum up</h2>



<p class="wp-block-paragraph">Before choosing an image for your website or socials ask yourself these questions:</p>



<ul class="wp-block-list">
<li>Is there a clear advantage? For example, does this image present my product or service well?</li>



<li>Does it help people understand what I mean?</li>



<li>Does this image create an emotional appeal? For example, does it help prospects visualise themselves using the product pictured?</li>



<li>How does this image relate to my brand and does it appeal to my target audience?</li>



<li>What message does this image send &#8211; if any?</li>



<li>How will prospects respond to this image and will it change their opinion? For example, will it help facilitate the buying process?</li>
</ul>



<p class="wp-block-paragraph">If you aren’t sure about the answers to these questions, think again before uploading that image.</p>



<p class="wp-block-paragraph">Maybe you want to choose a different one that better conveys what you want to transmit and that will attract your prospects’ attention.</p>



<p class="wp-block-paragraph">I hope this mini-copy class has helped you better understand how to choose your images.</p>



<p class="wp-block-paragraph">Now you know how important images are to enhance your copy and vice versa!</p>



<p class="wp-block-paragraph">See you around!</p>


<hr /><p><em>Want to attract attention? Choose the right images for your #website, #posts, and #ads. #copywriting #socialmedia #design #SmallBiz</em><br /><a href="https://x.com/intent/tweet?url=https%3A%2F%2Fwww.elenadefrancisco.com%2Fhow-to-choose-images-for-your-website%2F&#038;text=Want%20to%20attract%20attention%3F%20Choose%20the%20right%20images%20for%20your%20%23website%2C%20%23posts%2C%20and%20%23ads.%20%23copywriting%20%23socialmedia%20%23design%20%23SmallBiz&#038;via=elenadefran&#038;related=elenadefran" target="_blank" rel="noopener noreferrer">Share on X</a><br /><hr />]]></content:encoded>
					
					<wfw:commentRss>https://www.elenadefrancisco.com/how-to-choose-images-for-your-website/feed/</wfw:commentRss>
			<slash:comments>1</slash:comments>
		
		
			</item>
		<item>
		<title>7 design and copywriting elements your ecommerce can’t miss</title>
		<link>https://www.elenadefrancisco.com/7-design-and-copywriting-elements-your-ecommerce-cant-miss/</link>
					<comments>https://www.elenadefrancisco.com/7-design-and-copywriting-elements-your-ecommerce-cant-miss/#respond</comments>
		
		<dc:creator><![CDATA[Elena de Francisco]]></dc:creator>
		<pubDate>Wed, 25 May 2022 08:42:53 +0000</pubDate>
				<category><![CDATA[Copywriting]]></category>
		<category><![CDATA[Web design]]></category>
		<guid isPermaLink="false">https://www.elenadefrancisco.com/?p=122104</guid>

					<description><![CDATA[There are many online shops but not all of them have grade A copy and an easy-to-navigate design. Make sure you don't miss these 7 elements in your eCommerce.]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">There are many eCommerce websites, but there aren’t so many that really make you want to look around and shop.</p>



<p class="wp-block-paragraph">Many of them fail to stand out from their competitors because they haven’t worked on the copy and they believe professional images are all they need to incite visitors to buy.</p>



<p class="wp-block-paragraph">Yeah, if you are Zara.</p>



<p class="wp-block-paragraph">But if you’re a little known brand, you’ll have to accompany those images with suggestive copy that will make prospects want to receive your products straight away.</p>



<p class="wp-block-paragraph">And it’s not only the copy that is important, there are other factors that come into play too to make an ecommerce website work.</p>



<p class="wp-block-paragraph">Let’s see each of them.</p>



<div class="wp-block-image"><figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="560" height="315" src="https://www.elenadefrancisco.com/wp-content/uploads/2021/11/Free-guide.png" alt="Free Copywriting Guide" class="wp-image-121508" srcset="https://www.elenadefrancisco.com/wp-content/uploads/2021/11/Free-guide.png 560w, https://www.elenadefrancisco.com/wp-content/uploads/2021/11/Free-guide-480x270.png 480w" sizes="(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 560px, 100vw" /></figure></div>



<h2 class="wp-block-heading">1.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; A distinct brand voice</h2>



<p class="wp-block-paragraph">Having a unique brand voice is really important. You should work on yours at an early stage when you’re designing your packaging or logo.</p>



<p class="wp-block-paragraph"><strong>Your brand voice is what will make people recognise you in a million and what will turn your customers into fans of everything you offer.</strong></p>



<p class="wp-block-paragraph">Creating an original and consistent brand voice might take you some time.</p>



<p class="wp-block-paragraph">The more you know your target audience and your own product, the better you’ll be able to define that voice that makes you unique.</p>



<p class="wp-block-paragraph">There are exercises that help you define your voice. These are 4 exercises I do with my clients:</p>



<ul class="wp-block-list"><li>The celebrity</li><li>The living room</li><li>The dinner guest</li><li>The list of adjectives</li></ul>



<p class="wp-block-paragraph"><a href="https://www.elenadefrancisco.com/4-exercises-to-create-a-brand-voice-that-stands-out/" target="_blank" rel="noreferrer noopener">In this article</a> I explain how to do each of the exercises. They’ll help you find your own voice, so don’t skip them.</p>



<p class="wp-block-paragraph"><strong>Observe other brands in your niche and DON’T DO ANYTHING LIKE THEM.</strong></p>



<p class="wp-block-paragraph">This is a big problem I see all too often. Brands are scared of being different and they just copy and repeat buzzwords, colours, and techniques, that others are using.</p>



<p class="wp-block-paragraph">And they expect to stand out doing this!</p>



<p class="wp-block-paragraph">If you really want to get noticed you have to dare to do things differently.</p>



<p class="wp-block-paragraph">It&#8217;s ok to get inspiration from others brands you admire. But it&#8217;s one thing to take some ideas and quite another to literally copy what they’re doing.</p>



<p class="wp-block-paragraph">You probably know the brand Innocent, those smoothies you can find all over the world.</p>



<p class="wp-block-paragraph">Innocent&#8217;s voice is recognisable among many other brands because they’ve worked on it from the start, when other companies in their niche were still in the status quo, thinking that what would take them to the podium was to spend lots of cash on TV commercials.</p>



<p class="wp-block-paragraph">Innocent was created by a group of friends who wanted to do something different. Dan Germain is the copywriter behind its voice and one of the owners.</p>



<p class="wp-block-paragraph">They started writing mini-stories on the labels of their smoothies and found that people read them and even wrote to them to tell them what they thought of the story. Sometimes they considered it shit and other times they loved it.</p>



<p class="wp-block-paragraph">The point is that they were creating a conversation with the consumers and slowly building their own community of fans.</p>



<p class="wp-block-paragraph">Since those early days when they were just a small team, many years have passed -more than 20- and now they’ve got a team of copywriters from all corners of the world who write in different languages.</p>



<p class="wp-block-paragraph">They continue taking care of their brand voice by writing original copy for each country so as to adapt the message to each culture.</p>



<p class="wp-block-paragraph">I don&#8217;t doubt their smoothies are excellent too, but it&#8217;s clear their brand voice has helped them a great deal to sell their products all over the world.</p>



<p class="wp-block-paragraph">Dan Germain says in The Copy Book:</p>



<p class="wp-block-paragraph"><em>&#8220;In the beginning, we didn&#8217;t know what we were doing. We didn&#8217;t know how to make drinks, we didn&#8217;t know how to design packaging, and we had no idea about marketing. But we tried.”</em></p>



<p class="wp-block-paragraph">So go ahead and try doing things your way.</p>



<p class="wp-block-paragraph">Recommended reading: <a href="https://www.elenadefrancisco.com/create-a-brand-with-personality/" target="_blank" rel="noreferrer noopener">5 essenti</a>al<a href="https://www.elenadefrancisco.com/create-a-brand-with-personality/" target="_blank" rel="noreferrer noopener"> components of a brand with personality</a></p>


<hr /><p><em>7 #design and #copywriting elements your #eCommerce can’t miss </em><br /><a href="https://x.com/intent/tweet?url=https%3A%2F%2Fwww.elenadefrancisco.com%2F7-design-and-copywriting-elements-your-ecommerce-cant-miss%2F&#038;text=7%20%23design%20and%20%23copywriting%20elements%20your%20%23eCommerce%20can%E2%80%99t%20miss%20&#038;via=elenadefran&#038;related=elenadefran" target="_blank" rel="noopener noreferrer">Share on X</a><br /><hr />


<h2 class="wp-block-heading">2.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; A homepage that makes you want to stay</h2>



<p class="wp-block-paragraph">Some homepages are frightful.</p>



<p class="wp-block-paragraph">A variety of elements following no logical order, cheesy headlines worthy of Valentine&#8217;s cards, not enough white space to breathe…</p>



<p class="wp-block-paragraph">An eCommerce has to be a pleasant experience from the moment you land on it.</p>



<p class="wp-block-paragraph">It&#8217;s just like in a break and mortar shop.</p>



<p class="wp-block-paragraph">If you go into a shop and, as soon as you get in, you find several shelves of products stacked up that have little to do with each other, there’s no space to move around and you can&#8217;t find a shop assistant anywhere to ask about features and price, you most probably will get the hell out of there.</p>



<p class="wp-block-paragraph">The same happens online.</p>



<p class="wp-block-paragraph">Your website should be tidy and clean, with enough white space between images and text, well-designated sections, perfect images and copy specially crafted for your target customer.</p>



<p class="wp-block-paragraph">A good structure of a homepage can look like this:</p>



<figure class="wp-block-table"><table><tbody><tr><td class="has-text-align-center" data-align="center">MENU</td></tr><tr><td class="has-text-align-center" data-align="center">COMPELLING HEADLINE &nbsp;</td></tr><tr><td class="has-text-align-center" data-align="center">SEASONAL OFFERS</td></tr><tr><td class="has-text-align-center" data-align="center">IMAGES WITH CATEGORIES TO CLICK AND SEE MORE PRODUCTS</td></tr><tr><td class="has-text-align-center" data-align="center"><strong>OPTIONAL : </strong>Section with a short story about the brand. If people want to know more they can click on a button that takes them to a slightly longer &#8220;About&#8221; section.</td></tr><tr><td class="has-text-align-center" data-align="center"><strong>OPTIONAL : </strong>BLOG</td></tr><tr><td class="has-text-align-center" data-align="center">&nbsp; FOOTER WITH SUBSCRIBE BUTTON AND SECONDARY MENU</td></tr></tbody></table></figure>



<p class="wp-block-paragraph">Avoid these mistakes if you want your website to attract more business:</p>



<p class="wp-block-paragraph"><strong>Too many buttons</strong></p>



<p class="wp-block-paragraph">Your homepage is not your product page.</p>



<p class="wp-block-paragraph">The goal here is not to nudge them to buy your products straight away but to get them interested in your brand so they’ll want to see what you have to offer.</p>



<p class="wp-block-paragraph">Add your best products as a hook to get them to see more but don&#8217;t clutter the page with too many elements.</p>



<p class="wp-block-paragraph">Although, there are brands that like to have their pages cluttered up and it might work well for them.</p>



<p class="wp-block-paragraph">It depends on the style you want to give to your brand. (Minimalistic, Kitsch, Elegant, etc.)</p>



<p class="wp-block-paragraph">The living room exercise in the first section will help you decide what you want the experience of your visitors to be like. But be aware: too many options can be overwhelming.</p>



<p class="wp-block-paragraph"><strong>Too many different colours</strong></p>



<p class="wp-block-paragraph">I love colours. I feel they bring joy and my house is full of colourful Mexican and Peruvian cushions.</p>



<p class="wp-block-paragraph">But this doesn’t work on a website.</p>



<p class="wp-block-paragraph">Many colours can become confusing and hide call-to-action buttons (CTAs) those buy, subscribe, etc. buttons that you want your prospects to click.</p>



<p class="wp-block-paragraph">Better choose 3 colours max and be consistent.</p>



<p class="wp-block-paragraph">If you started using orange CTAs, then make them always orange, so your prospects can identify them quickly.</p>



<p class="wp-block-paragraph"><strong>Elements that move too fast</strong></p>



<p class="wp-block-paragraph">Web designers love elements that move independently. But they often distract prospects from taking action.</p>



<p class="wp-block-paragraph">Remember those times when you’re reading something and it suddenly disappears, and so does the next slide?</p>



<p class="wp-block-paragraph">It&#8217;s stressful and annoying.</p>



<p class="wp-block-paragraph">Let your prospects click next when they’re ready.</p>


<hr /><p><em>7 #design and #copywriting elements your #eCommerce can’t miss </em><br /><a href="https://x.com/intent/tweet?url=https%3A%2F%2Fwww.elenadefrancisco.com%2F7-design-and-copywriting-elements-your-ecommerce-cant-miss%2F&#038;text=7%20%23design%20and%20%23copywriting%20elements%20your%20%23eCommerce%20can%E2%80%99t%20miss%20&#038;via=elenadefran&#038;related=elenadefran" target="_blank" rel="noopener noreferrer">Share on X</a><br /><hr />


<p class="wp-block-paragraph"><strong>A bland headline</strong></p>



<p class="wp-block-paragraph">The headline and first few sentences need to summarise why people should stay and have a look at your shop.</p>



<p class="wp-block-paragraph">Your headline needs to express in a few words what your customers will take away and why you’re different.</p>



<p class="wp-block-paragraph">Here are some examples of original headlines and slogans to inspire you:</p>



<p class="wp-block-paragraph">Firebox &#8211; is where you go if you want to buy an original present. Its headline says &#8220;<em>Shop for the Unusual</em>&#8220;</p>



<p class="wp-block-paragraph">Woot – It’s an Amazon company that offers only products at discounted prices and its headline says <em>&#8220;Don&#8217;t work to find deals. Let the deals find you</em>&#8220;</p>



<p class="wp-block-paragraph">Backmarket &#8211; A shop for refurbished products, its headline <em>&#8220;Le (super) marché du reconditionné</em>&#8221; &#8211; Translated &#8211; &#8220;<em>The (super) market for refurbished&#8221;.</em></p>



<p class="wp-block-paragraph">Pip&amp;Nut – <em>“Natural Nuttiness”</em> and the subheadline “<em>Award-winning natural nut butter”</em></p>



<p class="wp-block-paragraph"><strong>Winning headline = Benefit + powerful/catchy words</strong></p>



<p class="has-text-align-center has-background wp-block-paragraph" style="background-color:#e9e9e9">Recommended reading – <a href="https://www.elenadefrancisco.com/the-formula-for-creating-headlines-that-attract-attention/">The powerful formula to create winning headlines</a></p>



<h2 class="wp-block-heading">3.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; A super well-organised main menu</h2>



<p class="wp-block-paragraph">When you have many product categories you have no choice but to add drop-down submenus.</p>



<p class="wp-block-paragraph">If you have a lot of categories better to use a menu on the left margin with a search bar like the big fashion brands do.</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="945" height="393" src="https://www.elenadefrancisco.com/wp-content/uploads/2022/05/image.png" alt="Design and copywriting for ecommerce" class="wp-image-122079" srcset="https://www.elenadefrancisco.com/wp-content/uploads/2022/05/image.png 945w, https://www.elenadefrancisco.com/wp-content/uploads/2022/05/image-480x200.png 480w" sizes="(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 945px, 100vw" /></figure>



<p class="wp-block-paragraph">Categories should be well organised following a logical order so visitors can quickly find what they’re looking for.</p>



<p class="wp-block-paragraph">If you don&#8217;t have so many categories you can add your menu at the top of the page, but only if you have 5 categories max with 5 or 6 options each.</p>



<p class="wp-block-paragraph">In case of more options, a side menu will be better. It doesn’t take the whole page when displayed and it looks cleaner.</p>



<p class="wp-block-paragraph">Use the footer menu for the less important sections of your website (cookies policy, blog, address, opening hours, etc.).</p>



<div class="wp-block-image"><figure class="aligncenter size-full"><a href="https://www.elenadefrancisco.com/contact-freelance-copywriter/" target="_blank" rel="noopener"><img loading="lazy" decoding="async" width="560" height="315" src="https://www.elenadefrancisco.com/wp-content/uploads/2022/04/CONTACT-ME-1.png" alt="Freelance Copywriter" class="wp-image-122042" srcset="https://www.elenadefrancisco.com/wp-content/uploads/2022/04/CONTACT-ME-1.png 560w, https://www.elenadefrancisco.com/wp-content/uploads/2022/04/CONTACT-ME-1-480x270.png 480w" sizes="(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 560px, 100vw" /></a></figure></div>



<h2 class="wp-block-heading">4. Professional (static) images</h2>



<p class="wp-block-paragraph">Images in eCommerce are the second most important element.</p>



<p class="wp-block-paragraph">You might be surprised by what I just said, but it’s true.</p>



<p class="wp-block-paragraph">A pro image without a good story/description behind it may fall short and not motivate the purchase.</p>



<p class="wp-block-paragraph">Later in this post, I give you a very clear example of what I mean. I talk about an eCommerce that makes its product descriptions its most important value, but we’ll see that in the next section.</p>



<p class="wp-block-paragraph">The photos of your products have to be super professional, of course, and better if they don’t move on their own so prospects can take the time to look and click next when they want to see a different angle or another product.</p>



<p class="wp-block-paragraph">Videos can work if you think your product needs to be demonstrated.</p>



<p class="wp-block-paragraph">If you add a video set it on mute by default so it doesn’t play loud unexpectedly. Then people can click on the speaker button if they like.</p>



<p class="wp-block-paragraph">If it’s an explanatory video, add subtitles for those who don&#8217;t want to unmute it.</p>


<hr /><p><em>7 #design and #copywriting elements your #eCommerce can’t miss </em><br /><a href="https://x.com/intent/tweet?url=https%3A%2F%2Fwww.elenadefrancisco.com%2F7-design-and-copywriting-elements-your-ecommerce-cant-miss%2F&#038;text=7%20%23design%20and%20%23copywriting%20elements%20your%20%23eCommerce%20can%E2%80%99t%20miss%20&#038;via=elenadefran&#038;related=elenadefran" target="_blank" rel="noopener noreferrer">Share on X</a><br /><hr />


<h2 class="wp-block-heading">5. Product descriptions that make you want to receive that product right now</h2>



<p class="wp-block-paragraph">Describing a product is an art.</p>



<p class="wp-block-paragraph">There are online shops that only describe the features and materials of a product, without realising they’re missing a golden opportunity to show their brand’s personality.</p>



<p class="wp-block-paragraph">And then there are brands like <a href="https://www.lovedbefore.london/" target="_blank" rel="noreferrer noopener">Loved Before</a> that has made of their descriptions their unique value proposition.</p>



<p class="wp-block-paragraph">Loved Before is an online shop that sells second-hand teddies. Their headline <em>&#8220;Saving the Planet, one teddy at a time&#8221; </em>already implies a big benefit. You’ll feel better buying a teddy from their shop because it’s a greener option.</p>



<p class="wp-block-paragraph">The sub-headline reads &#8220;<em>A soft toy adoption agency with a difference</em>&#8220;.</p>



<p class="wp-block-paragraph">They don&#8217;t sell used soft toys, but are an adoption agency for orphaned cuddly toys &#8211; a big difference!</p>



<p class="wp-block-paragraph">Every soft toy they sell has a story behind it, just like Linda:</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="780" height="519" src="https://www.elenadefrancisco.com/wp-content/uploads/2022/05/image-1.png" alt="Design and copy tips for ecommerce" class="wp-image-122080" srcset="https://www.elenadefrancisco.com/wp-content/uploads/2022/05/image-1.png 780w, https://www.elenadefrancisco.com/wp-content/uploads/2022/05/image-1-480x319.png 480w" sizes="(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 780px, 100vw" /></figure>



<p class="wp-block-paragraph"><em>&#8220;Linda loves sleepovers, sleeping bags and eating sweets at night. But most of all she loves chatting all night long and falling asleep with her best friend.</em></p>



<p class="wp-block-paragraph">Each cuddly toy has its personality described in a couple of lines.</p>



<p class="wp-block-paragraph">Like Bobby:</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="777" height="515" src="https://www.elenadefrancisco.com/wp-content/uploads/2022/05/image-2.png" alt="design and copy tips for ecommerce" class="wp-image-122081" srcset="https://www.elenadefrancisco.com/wp-content/uploads/2022/05/image-2.png 777w, https://www.elenadefrancisco.com/wp-content/uploads/2022/05/image-2-480x318.png 480w" sizes="(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 777px, 100vw" /></figure>



<p class="wp-block-paragraph"><em>&#8220;Bobby is not a morning bear, if you need him be sure to wait until the afternoon to ask him a question. Any other time you&#8217;ll just get a grunt.&#8221;</em></p>



<p class="wp-block-paragraph">All the value of these cuddly toys lies in their personality described in a few words. Further down we can read the practical details, materials, measurements and weight.</p>



<p class="wp-block-paragraph">Can you imagine the difference if they had only added the characteristics?</p>



<p class="wp-block-paragraph"><a href="https://www.elenadefrancisco.com/the-best-examples-of-product-descriptions/" target="_blank" rel="noreferrer noopener">In this article</a>, I give you more examples of brands that write excellent product descriptions and talk about the elements you shouldn’t forget to add.</p>


<hr /><p><em>7 #design and #copywriting elements your #eCommerce can’t miss </em><br /><a href="https://x.com/intent/tweet?url=https%3A%2F%2Fwww.elenadefrancisco.com%2F7-design-and-copywriting-elements-your-ecommerce-cant-miss%2F&#038;text=7%20%23design%20and%20%23copywriting%20elements%20your%20%23eCommerce%20can%E2%80%99t%20miss%20&#038;via=elenadefran&#038;related=elenadefran" target="_blank" rel="noopener noreferrer">Share on X</a><br /><hr />


<h2 class="wp-block-heading">6. A crystal clear purchasing process</h2>



<p class="wp-block-paragraph">Browsing your online shop has to be very easy. The instructions and messages that help your prospects navigate through the purchase process need to be crystal clear.</p>



<p class="wp-block-paragraph">The field of copywriting that specialises in these messages is called <a href="https://www.elenadefrancisco.com/whats-ux-copywriting-and-why-is-so-important/" target="_blank" rel="noreferrer noopener">UX copywriting</a>. The acronym UX stands for &#8220;User Experience&#8221;.</p>



<p class="wp-block-paragraph">UX copywriting focuses on making the user experience when visiting your website or using your App as pleasant as possible.</p>



<p class="wp-block-paragraph">Words play a very important role when you rely on users to perform specific actions, such as buying a product or subscribing to a newsletter.</p>



<p class="wp-block-paragraph">Words have to be well thought out and strategically placed to facilitate the process of buying or using a tool.</p>



<p class="wp-block-paragraph">You should think of all possible situations that can happen, for example, <em>&#8220;The purchase was successful&#8221; or &#8220;Purchase cancelled. The payment could not be made&#8221;, </em>and always use <strong>clear, precise, concise and positive </strong>language.</p>



<p class="wp-block-paragraph">Let&#8217;s take a look at these 4 language attributes that you should use in all messages and instructions on your website and App.</p>



<h3 class="wp-block-heading">Clarity</h3>



<p class="wp-block-paragraph">Remember: you’re the expert so don&#8217;t assume your prospect already knows everything. You know your business and your website better than they do.</p>



<p class="wp-block-paragraph">Help them navigate your site easily and find what they’re looking for quickly.</p>



<p class="wp-block-paragraph">Write with clarity in mind and don’t leave out important information.</p>



<p class="wp-block-paragraph">Use simple words that everyone understands, your website is not the place to show off your extensive vocabulary.</p>



<p class="wp-block-paragraph">If you have to use a technical word people may not understand, explain it. Write like you speak. One trick to make sure you sound conversational is to read your text out loud to catch any expression that feels unnatural.</p>



<h3 class="wp-block-heading">Precise language</h3>



<p class="wp-block-paragraph">People don&#8217;t want to have to think too much, so give them precise instructions on what to do next.</p>



<p class="wp-block-paragraph">For example, don&#8217;t say:</p>



<p class="wp-block-paragraph"><em>Update your preferences to receive fewer notifications from us</em></p>



<p class="wp-block-paragraph">Better:</p>



<p class="wp-block-paragraph"><em>To receive fewer notifications, go to Preferences &gt; Email notifications</em></p>



<p class="wp-block-paragraph"><strong>To be more precise and clear you also need to be consistent</strong>. Make sure you always use the same terms to describe the same objects or actions.</p>



<p class="wp-block-paragraph">For example, if you use the word &#8220;newsletter&#8221; in one place, don&#8217;t call it &#8220;bulletin&#8221; in another. Decide which one you prefer and always use the same one.</p>



<p class="wp-block-paragraph">By being consistent with your choice of words, you reduce the number of things your prospects need to understand and remember.</p>



<h3 class="wp-block-heading">Concise language</h3>



<p class="wp-block-paragraph">Less is more (almost always). Try to be as brief as possible but always make sure the main idea is clear.</p>



<p class="wp-block-paragraph">Use short sentences and watch out for wordiness.</p>



<p class="wp-block-paragraph">For example instead of saying:</p>



<p class="wp-block-paragraph"><em>&#8220;If you haven&#8217;t already done so, you can subscribe to our newsletter to receive special offers and promotions sent directly to your email inbox.&#8221;</em></p>



<p class="wp-block-paragraph">Better:</p>



<p class="wp-block-paragraph"><em>&#8220;Subscribe to our newsletter to receive special offers&#8221;.</em></p>



<p class="wp-block-paragraph">Try to express a single idea in each sentence.</p>



<p class="wp-block-paragraph">Talk to your customers and not about yourself.</p>



<p class="wp-block-paragraph">For example instead of saying:</p>



<p class="wp-block-paragraph"><em>&#8220;We are proud to announce that we have introduced 15 new products to our catalogue&#8221;.</em></p>



<p class="wp-block-paragraph">Better:</p>



<p class="wp-block-paragraph"><em>&#8220;We&#8217;ve added 15 new products to the catalogue &#8211; <u>check out what&#8217;s new</u>!&#8221;</em></p>



<h3 class="wp-block-heading">Positive language</h3>



<p class="wp-block-paragraph">Beware of negative language, it’s always less friendly and often longer.</p>



<p class="wp-block-paragraph">Instead of saying:</p>



<p class="wp-block-paragraph"><em>&#8220;You can&#8217;t go on if you don&#8217;t identify yourself&#8221;.</em></p>



<p class="wp-block-paragraph">Better:</p>



<p class="wp-block-paragraph"><em>&#8220;To continue, please enter your username and password&#8221;.</em></p>



<p class="wp-block-paragraph">Sometimes we have to give bad news. This is when it’s better to use the passive voice, which it’s not the best option as a norm.</p>



<p class="wp-block-paragraph">For example instead of saying:</p>



<p class="wp-block-paragraph"><em>&#8220;Your credit card has been declined. We have cancelled your order&#8221;.</em></p>



<p class="wp-block-paragraph">Better to say:</p>



<p class="wp-block-paragraph"><em>&#8220;We haven’t received your credit card authorisation. Your order has been cancelled&#8221;.</em></p>



<p class="wp-block-paragraph">Try not to make even bad news sound too negative and above all never blame the customer for what went wrong.</p>



<h2 class="wp-block-heading">7.  A great incentive for subscribing to your email list</h2>



<p class="wp-block-paragraph">A customer who has already bought once from you is more likely to buy again. But you need to remind them.</p>



<p class="wp-block-paragraph">That’s why you should work on your email strategy. If you want customers to subscribe to your emails you should give them a good incentive.</p>



<p class="wp-block-paragraph">Most online shops offer a certain discount -almost always 10%- on the first purchase.</p>



<p class="wp-block-paragraph">But there are other ways too:</p>



<ul class="wp-block-list"><li><strong>A small free gift with the first purchase</strong>. It doesn&#8217;t have to be something of great value, because… Who doesn’t love a freebie?</li><li><strong>A guide with a lot of value for your customer</strong>. Depending on what you sell, you can think of valuable content your customer would like to receive for free. Recipes, a guide to haircuts that best suit the different face shapes, a guide to travel by train. There are hundreds of topics that could interest your customers.</li><li><strong>Give a percentage of their first purchase to an NGO</strong>. Many people want to help but don&#8217;t know how to get involved, if you make it easy for them they’ll be more inclined to do so. They’ll feel better about their purchase.</li><li><strong>Playing roulette</strong>. I saw this on a site and I thought it was great because it gives the customer the opportunity to play and that anticipation before knowing what they’ve won will surely encourage many people to enter their email.</li></ul>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="945" height="749" src="https://www.elenadefrancisco.com/wp-content/uploads/2022/05/image-3.png" alt="design and copywriting tips for ecommerce" class="wp-image-122082" srcset="https://www.elenadefrancisco.com/wp-content/uploads/2022/05/image-3.png 945w, https://www.elenadefrancisco.com/wp-content/uploads/2022/05/image-3-480x380.png 480w" sizes="(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 945px, 100vw" /></figure>



<p class="wp-block-paragraph">I hope these copywriting and design tips for your online shop or eCommerce will help you improve your website and sell more.</p>


<hr /><p><em>7 #design and #copywriting elements your #eCommerce can’t miss </em><br /><a href="https://x.com/intent/tweet?url=https%3A%2F%2Fwww.elenadefrancisco.com%2F7-design-and-copywriting-elements-your-ecommerce-cant-miss%2F&#038;text=7%20%23design%20and%20%23copywriting%20elements%20your%20%23eCommerce%20can%E2%80%99t%20miss%20&#038;via=elenadefran&#038;related=elenadefran" target="_blank" rel="noopener noreferrer">Share on X</a><br /><hr />]]></content:encoded>
					
					<wfw:commentRss>https://www.elenadefrancisco.com/7-design-and-copywriting-elements-your-ecommerce-cant-miss/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>How to introduce the price of your product or service so prospects don’t run away</title>
		<link>https://www.elenadefrancisco.com/how-to-introduce-the-price-of-your-product-or-service-so-prospects-dont-run-away/</link>
					<comments>https://www.elenadefrancisco.com/how-to-introduce-the-price-of-your-product-or-service-so-prospects-dont-run-away/#comments</comments>
		
		<dc:creator><![CDATA[Elena de Francisco]]></dc:creator>
		<pubDate>Thu, 14 Apr 2022 08:34:41 +0000</pubDate>
				<category><![CDATA[Copywriting]]></category>
		<category><![CDATA[Ads]]></category>
		<category><![CDATA[Web design]]></category>
		<guid isPermaLink="false">https://www.elenadefrancisco.com/?p=122001</guid>

					<description><![CDATA[Introducing the price of your product or service is always difficult. You don't want it to look expensive. Here are 6 ways to make it look like a bargain.]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">You almost finished your sales page and you are very proud of how it’s turning out.</p>



<p class="wp-block-paragraph">You&#8217;ve got that perfect product description and you&#8217;re ready to sell like hotcakes.</p>



<p class="wp-block-paragraph">But now it’s time to introduce the price in the copy and you are stuck.</p>



<p class="wp-block-paragraph">You haven&#8217;t added it yet and already feel you&#8217;ve grown scary fangs.</p>



<p class="wp-block-paragraph">Don&#8217;t worry, you&#8217;re not the only one.</p>



<p class="wp-block-paragraph">It was the same for me at the beginning, as it’s for most people.</p>



<p class="wp-block-paragraph"><strong>You want the price to reflect all the value of your product or service but you’re always afraid prospects will consider it too expensive.</strong></p>



<p class="wp-block-paragraph">Luckily, in copywriting there are some techniques to avoid sounding like an unscrupulous salesman and, above all, to make people feel they’re getting great value for a more than reasonable price.</p>



<p class="wp-block-paragraph">Shall we see them?</p>



<figure class="wp-block-image aligncenter size-full"><a href="https://www.elenadefrancisco.com/sell-international-customers/" target="_blank" rel="noopener"><img loading="lazy" decoding="async" width="560" height="315" src="https://www.elenadefrancisco.com/wp-content/uploads/2021/11/Free-guide.png" alt="Free Copywriting Guide" class="wp-image-121508" srcset="https://www.elenadefrancisco.com/wp-content/uploads/2021/11/Free-guide.png 560w, https://www.elenadefrancisco.com/wp-content/uploads/2021/11/Free-guide-480x270.png 480w" sizes="(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 560px, 100vw" /></a></figure>



<h2 class="wp-block-heading">Sell something that people want and don&#8217;t need</h2>



<p class="wp-block-paragraph">Very rarely do we buy things we genuinely need.</p>



<p class="wp-block-paragraph">Most of the time we buy a product or hire a service because we just want it.</p>



<p class="wp-block-paragraph"><strong>It’s much easier to sell something people want than something they need.</strong></p>



<p class="wp-block-paragraph">People should feel they’re free to choose whether they want to buy it or not. They shouldn’t feel we’re pushing our product or service down their throats.</p>



<p class="wp-block-paragraph">The difference between selling something they need and something they want is both simple and complex at the same time.</p>



<p class="wp-block-paragraph">Or rather, you need to do both.</p>



<p class="wp-block-paragraph">Let me explain.</p>



<p class="wp-block-paragraph">You have to:</p>



<p class="wp-block-paragraph"><strong>First &gt; </strong>Embellish your product, so people want it.</p>



<p class="wp-block-paragraph"><strong>Second &gt;</strong> Justify their purchase, so people believe they need it.</p>



<p class="wp-block-paragraph">If you can convince them they want it, and then that they need it, you&#8217;ve got it.</p>



<p class="wp-block-paragraph"><strong>And how do we get them to want it?</strong></p>



<p class="wp-block-paragraph">If you&#8217;ve written <a href="https://www.elenadefrancisco.com/es/como-crear-titulares-que-llaman-la-atencion/" target="_blank" rel="noreferrer noopener">a great headline</a>, followed it up with a <a href="https://www.elenadefrancisco.com/es/la-introduccion-o-sales-lead-10-segundos-para-convencer-con-tu-texto-de-venta/" target="_blank" rel="noreferrer noopener">compelling lead</a>, <a href="https://www.elenadefrancisco.com/es/esta-tecnica-de-copywriting-sacara-lo-mejor-de-tu-producto-o-servicio/" target="_blank" rel="noreferrer noopener">conveyed all the benefits of your product</a>, added <a href="https://www.elenadefrancisco.com/es/la-prueba-social-para-ratificar-tus-argumentos-de-venta/" target="_blank" rel="noreferrer noopener">powerful testimonials</a> and <a href="https://www.elenadefrancisco.com/es/que-es-el-neuromarketing/" target="_blank" rel="noreferrer noopener">justified the purchase with features and authority</a>, you should have already put a very clear picture in your prospects’ mind of what your product or service will do for them.</p>



<p class="wp-block-paragraph"><strong>You’d have achieved for them not to consider the price an issue, and that everything revolves around the value.</strong></p>



<p class="wp-block-paragraph">Sure, in an ideal world!</p>



<p class="wp-block-paragraph">But the truth is that when it comes time for our prospects to get their credit cards out, they can&#8217;t help but worry about the price again and question whether they can afford it.</p>



<p class="wp-block-paragraph"><strong>That&#8217;s why you need to present the price of your product or service in a way that makes it look like a bargain compared to the amazing value prospects will get.</strong></p>



<p class="wp-block-paragraph">And how do we achieve this?</p>



<p class="wp-block-paragraph">There are several ways. Let&#8217;s look at the main ones.</p>


<hr /><p><em>How to introduce the price of your product or service so prospects don’t run away #copywriting #salespages #webcopy #ads #SmallBiz #marketing</em><br /><a href="https://x.com/intent/tweet?url=https%3A%2F%2Fwww.elenadefrancisco.com%2Fhow-to-introduce-the-price-of-your-product-or-service-so-prospects-dont-run-away%2F&#038;text=How%20to%20introduce%20the%20price%20of%20your%20product%20or%20service%20so%20prospects%20don%E2%80%99t%20run%20away%20%23copywriting%20%23salespages%20%23webcopy%20%23ads%20%23SmallBiz%20%23marketing&#038;via=elenadefran&#038;related=elenadefran" target="_blank" rel="noopener noreferrer">Share on X</a><br /><hr />


<h2 class="wp-block-heading">Introduce your product or service immediately after a more expensive one.</h2>



<p class="wp-block-paragraph">It’s psychological.</p>



<p class="wp-block-paragraph">When you introduce an expensive product your prospect is already mentally prepared for what’s coming because they start to understand what kind of business they’re in &#8211; physically or virtually-.</p>



<p class="wp-block-paragraph">If you&#8217;ve been to London you&#8217;ve probably visited Harrods, the luxurious department store.</p>



<p class="wp-block-paragraph">You’re well aware that everything costs an arm and a leg there.</p>



<p class="wp-block-paragraph">So you&#8217;re wandering through 500 pounds table linens and suddenly you notice a lovely, very British mug with little painted flowers and you see that it&#8217;s on sale for £19.99 which in Euros is about 24 €.</p>



<p class="wp-block-paragraph">And you run to the cashier and buy it.</p>



<p class="wp-block-paragraph">A 24 euro mug that you would never have bought if you had seen it at Zara Home!</p>



<p class="wp-block-paragraph">But being in Harrods and seeing super expensive products made you consider that mug a bargain.</p>



<p class="wp-block-paragraph">In your business, you can use a similar technique but without having to set exorbitant prices only for millionaires.</p>



<p class="wp-block-paragraph"><strong>It’s about putting one of your most expensive products or a Special service and then the product or service you really want to sell.</strong></p>



<p class="wp-block-paragraph">When your prospect sees the product or service considerably cheaper than the previous one will think it’s a bargain and will be more willing to buy it.</p>



<p class="wp-block-paragraph">Have you seen this technique with the label saying “most popular”?</p>



<p class="wp-block-paragraph">It’s always the plan or package with a price in the middle, neither the most expensive nor the cheapest.</p>



<figure class="wp-block-image aligncenter size-full"><a href="https://landings.theexpatcopywriter.com/Brand_Voice_Free_Guide" target="_blank" rel="noreferrer noopener"><img loading="lazy" decoding="async" width="800" height="500" src="https://www.elenadefrancisco.com/wp-content/uploads/2023/11/Brand-Voice-Guide-CTA.png" alt="cta to download a Brand voice guide" class="wp-image-123125" srcset="https://www.elenadefrancisco.com/wp-content/uploads/2023/11/Brand-Voice-Guide-CTA.png 800w, https://www.elenadefrancisco.com/wp-content/uploads/2023/11/Brand-Voice-Guide-CTA-480x300.png 480w" sizes="(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 800px, 100vw" /></a></figure>


<hr /><p><em>How to introduce the price of your product or service so prospects don’t run away #copywriting #salespages #webcopy #ads #SmallBiz #marketing</em><br /><a href="https://x.com/intent/tweet?url=https%3A%2F%2Fwww.elenadefrancisco.com%2Fhow-to-introduce-the-price-of-your-product-or-service-so-prospects-dont-run-away%2F&#038;text=How%20to%20introduce%20the%20price%20of%20your%20product%20or%20service%20so%20prospects%20don%E2%80%99t%20run%20away%20%23copywriting%20%23salespages%20%23webcopy%20%23ads%20%23SmallBiz%20%23marketing&#038;via=elenadefran&#038;related=elenadefran" target="_blank" rel="noopener noreferrer">Share on X</a><br /><hr />


<h2 class="wp-block-heading">Introduce the price in a smaller unit</h2>



<p class="wp-block-paragraph">This technique works very well for memberships.</p>



<p class="wp-block-paragraph">Instead of introducing the price per month or per year, do it as a price per day, so it´ll make it seem much more affordable.</p>



<p class="wp-block-paragraph">As, for example, some services and software do:</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="945" height="426" src="https://www.elenadefrancisco.com/wp-content/uploads/2022/04/image-3.png" alt="How to introduce the price of a product o service" class="wp-image-122002" srcset="https://www.elenadefrancisco.com/wp-content/uploads/2022/04/image-3.png 945w, https://www.elenadefrancisco.com/wp-content/uploads/2022/04/image-3-480x216.png 480w" sizes="(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 945px, 100vw" /></figure>



<p class="wp-block-paragraph">Note how they highlight the membership they are interested in selling, which is the Standard Edition.</p>



<h2 class="wp-block-heading">Compare the price with an unnecessary but common product or service.</h2>



<p class="wp-block-paragraph">I&#8217;m sure you&#8217;ve seen this technique somewhere before:</p>



<p class="wp-block-paragraph"><em>&#8220;For the price of a latte&#8221;.</em></p>



<p class="wp-block-paragraph"><em>&#8220;For the price of a jumper that will become just another piece of clothing in your wardrobe&#8221;.</em></p>



<p class="wp-block-paragraph">When your prospects put these things into perspective, they realise that their money could be better spent buying your product or service.</p>



<p class="wp-block-paragraph">But be careful, you should compare it to something that isn’t an absolute necessity.</p>



<p class="wp-block-paragraph">For example, don&#8217;t compare it to the cost of a loaf of bread because bread is considered necessary.</p>



<p class="wp-block-paragraph">Or with something unusual that your prospect would never think of buying, such as <em>&#8220;for the price of a pair of VR goggles&#8221; </em>because they won&#8217;t feel related.</p>



<h2 class="wp-block-heading">Add extras or bonuses</h2>



<p class="wp-block-paragraph">Sometimes adding a few bonuses, if it’s a digital product such as a course or an e-book, or small accessories or surprises, if it’s a physical product, helps to increase the perception of value and therefore the price seems more than justified.</p>



<p class="wp-block-paragraph">An extra can be a webinar, a manual, lipstick, a sticker, etc.</p>



<p class="wp-block-paragraph">They don&#8217;t necessarily need to be expensive things but knowing that these extras are free will encourage the purchase.</p>



<p class="wp-block-paragraph"><strong>Because there’s nothing more magical than the word FREE.</strong></p>



<p class="wp-block-paragraph">It also helps to add the price of that free extra to give it even more value, and to present your digital product with an image that looks like something material as Udemy here:</p>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="657" height="454" src="https://www.elenadefrancisco.com/wp-content/uploads/2022/04/image-4.png" alt="How to introduce the price of your product or service" class="wp-image-122003" srcset="https://www.elenadefrancisco.com/wp-content/uploads/2022/04/image-4.png 657w, https://www.elenadefrancisco.com/wp-content/uploads/2022/04/image-4-480x332.png 480w" sizes="(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 657px, 100vw" /></figure>



<h2 class="wp-block-heading">Offer payment facilities</h2>



<p class="wp-block-paragraph">When your product involves a significant sum, think of all those prospects who are willing to buy but cannot afford it.</p>



<p class="wp-block-paragraph">But what if they could pay for it in several instalments?</p>



<p class="wp-block-paragraph">Then they will be happy to buy.</p>



<p class="wp-block-paragraph">Think about it, it may be the solution to increase your sales.</p>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="591" height="514" src="https://www.elenadefrancisco.com/wp-content/uploads/2022/04/image-5.png" alt="How to introduce the price of your product or service" class="wp-image-122004" srcset="https://www.elenadefrancisco.com/wp-content/uploads/2022/04/image-5.png 591w, https://www.elenadefrancisco.com/wp-content/uploads/2022/04/image-5-480x417.png 480w" sizes="(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 591px, 100vw" /></figure>



<h2 class="wp-block-heading">Add the price in a smaller font</h2>



<p class="wp-block-paragraph">Some studies have found that adding the price in a smaller font size helps to create the perception that the price is not so high.</p>



<p class="wp-block-paragraph">Psychologically, we are used to perceiving big things as big.</p>



<p class="wp-block-paragraph">So a small price has to be small too.</p>



<p class="wp-block-paragraph"><strong>Take the focus off the price.</strong></p>



<p class="wp-block-paragraph">Besides writing it in a smaller font, don&#8217;t emphasise it with flashy colours.</p>


<hr /><p><em>How to introduce the price of your product or service so prospects don’t run away #copywriting #salespages #webcopy #ads #SmallBiz #marketing</em><br /><a href="https://x.com/intent/tweet?url=https%3A%2F%2Fwww.elenadefrancisco.com%2Fhow-to-introduce-the-price-of-your-product-or-service-so-prospects-dont-run-away%2F&#038;text=How%20to%20introduce%20the%20price%20of%20your%20product%20or%20service%20so%20prospects%20don%E2%80%99t%20run%20away%20%23copywriting%20%23salespages%20%23webcopy%20%23ads%20%23SmallBiz%20%23marketing&#038;via=elenadefran&#038;related=elenadefran" target="_blank" rel="noopener noreferrer">Share on X</a><br /><hr />


<figure class="wp-block-image aligncenter size-full"><a href="https://www.elenadefrancisco.com/contact-freelance-copywriter/" target="_blank" rel="noopener"><img loading="lazy" decoding="async" width="560" height="315" src="https://www.elenadefrancisco.com/wp-content/uploads/2019/02/CONTACT-ME.png" alt="Conversion copywriter contact" class="wp-image-120113" srcset="https://www.elenadefrancisco.com/wp-content/uploads/2019/02/CONTACT-ME.png 560w, https://www.elenadefrancisco.com/wp-content/uploads/2019/02/CONTACT-ME-480x270.png 480w" sizes="(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 560px, 100vw" /></a></figure>



<h2 class="wp-block-heading">Explain clearly what prospects need to do to buy</h2>



<p class="wp-block-paragraph">Your prospects are on a thousand things at once.</p>



<p class="wp-block-paragraph">She is reading your sales page or ad, but she is also making sure the tomato sauce in the saucepan doesn&#8217;t get burnt, that her toddler doesn&#8217;t eat a cat’s hairball and thinking she needs to call her mum with whom she hasn&#8217;t spoken in days.</p>



<p class="wp-block-paragraph">So don&#8217;t be afraid to state the obvious when you add your Call-to-Action buttons and when you explain how to pay.</p>



<p class="wp-block-paragraph">Tell your prospect exactly what to do, how to do it and that you want them to do it right now.</p>



<p class="wp-block-paragraph">When your prospect is about to take an action that will cost them money, time and effort, this level of detail gives them certainty and comfort about what to do next and what to expect.</p>



<p class="wp-block-paragraph"><em>“Click here to add it to your cart.</em></p>



<p class="wp-block-paragraph"><em>After you make the payment you’ll receive an email of confirmation. A day later you’ll receive another email with your tracking number so you can track your package.”</em></p>



<p class="wp-block-paragraph">Having a good knowledge of <a href="https://www.elenadefrancisco.com/whats-ux-copywriting-and-why-is-so-important/" target="_blank" rel="noreferrer noopener">UX copywriting</a> will help you write all the messages your prospects need to read to understand what they need to do next.</p>



<p class="wp-block-paragraph">If you want your reader to take action, use specific language with clear and concrete details.</p>



<p class="wp-block-paragraph">Leave no doubt about what you want to happen. And don&#8217;t be afraid to be &#8220;too obvious&#8221;.</p>



<p class="wp-block-paragraph">Remember, your prospects aren’t stupid, it’s just that they aren’t giving their full attention to your sales page or ad.</p>


<hr /><p><em>How to introduce the price of your product or service so prospects don’t run away #copywriting #salespages #webcopy #ads #SmallBiz #marketing</em><br /><a href="https://x.com/intent/tweet?url=https%3A%2F%2Fwww.elenadefrancisco.com%2Fhow-to-introduce-the-price-of-your-product-or-service-so-prospects-dont-run-away%2F&#038;text=How%20to%20introduce%20the%20price%20of%20your%20product%20or%20service%20so%20prospects%20don%E2%80%99t%20run%20away%20%23copywriting%20%23salespages%20%23webcopy%20%23ads%20%23SmallBiz%20%23marketing&#038;via=elenadefran&#038;related=elenadefran" target="_blank" rel="noopener noreferrer">Share on X</a><br /><hr />]]></content:encoded>
					
					<wfw:commentRss>https://www.elenadefrancisco.com/how-to-introduce-the-price-of-your-product-or-service-so-prospects-dont-run-away/feed/</wfw:commentRss>
			<slash:comments>2</slash:comments>
		
		
			</item>
		<item>
		<title>9 copywriting and design elements that cannot be missing from your website</title>
		<link>https://www.elenadefrancisco.com/9-copywriting-and-design-elements-that-cannot-be-missing-from-your-website/</link>
					<comments>https://www.elenadefrancisco.com/9-copywriting-and-design-elements-that-cannot-be-missing-from-your-website/#respond</comments>
		
		<dc:creator><![CDATA[Elena de Francisco]]></dc:creator>
		<pubDate>Fri, 04 Feb 2022 11:02:59 +0000</pubDate>
				<category><![CDATA[Copywriting]]></category>
		<category><![CDATA[Web design]]></category>
		<guid isPermaLink="false">https://www.elenadefrancisco.com/?p=121721</guid>

					<description><![CDATA[Have a website, but not any website! These 9 web design and copywriting elements cannot be missing if you want to sell more through your website.]]></description>
										<content:encoded><![CDATA[<div class="et_pb_section et_pb_section_0 et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_0">
								<div class="et_pb_column et_pb_column_4_4 et_pb_column_0  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_0  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><p class="wp-block-paragraph">Having a website has become essential. Even for those businesses that had never considered it before, their time came with COVID.</p>



<p class="wp-block-paragraph">Without a website, you don&#8217;t exist as a business.</p>



<p class="wp-block-paragraph">But it&#8217;s not enough to have just any website that takes up space in the cloud, it has to be a website worth maintaining.</p>



<p class="wp-block-paragraph">Why?</p>



<p class="wp-block-paragraph">Because it will bring you business.</p>



<p class="wp-block-paragraph">But to make lots of sales through your website, it has to be well designed and have <strong>clear and compelling </strong>copy which will make your offer stand out from all the others.</p>



<p class="wp-block-paragraph">You don&#8217;t need to spend a lot of money on a website, you can have a very decent one for 3K euros including the <strong>designer</strong>&#8216;s <strong>and copywriter&#8217;s fees</strong>.</p>



<p class="wp-block-paragraph">For less than that it will be difficult to get a website that gives you results.</p>



<p class="wp-block-paragraph">In any case, whether you hire experts or you decide to create it yourself, you have to take into account certain elements that cannot be missing if you want your website to bring you a lot of joy.</p>



<p class="wp-block-paragraph">In all these years that I’ve been working as a <strong>web copywriter,</strong> I’ve studied hundreds of websites and my experience, and that of my clients has taught me that there are certain elements that cannot be missing for a website to work.</p>



<p class="wp-block-paragraph">Some may be obvious to you, but I&#8217;m sure there are others you didn&#8217;t know about.</p>



<p class="wp-block-paragraph">If I were you I would stay and read this post!</p>



<div class="wp-block-image"><figure class="aligncenter size-full"><a href="https://www.elenadefrancisco.com/sell-international-customers/" target="_blank" rel="noopener"><img loading="lazy" decoding="async" width="560" height="315" src="https://www.elenadefrancisco.com/wp-content/uploads/2021/11/Free-guide.png" alt="Free Copywriting Guide" class="wp-image-121508" srcset="https://www.elenadefrancisco.com/wp-content/uploads/2021/11/Free-guide.png 560w, https://www.elenadefrancisco.com/wp-content/uploads/2021/11/Free-guide-480x270.png 480w" sizes="(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 560px, 100vw" /></a></figure></div>



<h2 class="wp-block-heading" id="elements-of-design-and-copywriting-that-cannot-be-missing-from-your-website">Elements of design and copywriting that cannot be missing from your website</h2>



<h2 class="wp-block-heading" id="1-a-clear-and-concise-menu">1.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; A clear and concise menu</h2>



<p class="wp-block-paragraph">You should make things easy for visitors, if you make it difficult they’ll leave.</p>



<p class="wp-block-paragraph"><strong>The menu should be as concise as possible, the fewer options the better.</strong></p>



<p class="wp-block-paragraph">If you have a lot of different services you can use menus that expand when you hover the mouse over, like this one:</p>



<div style="position: relative; padding-bottom: 56.25%; height: 0;"><iframe src="https://www.loom.com/embed/f2b6ec11c0a44670984d6b7151307e64" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen="" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"></iframe></div>



<p class="wp-block-paragraph">However, the best option is to &#8220;hide&#8221; some of the options in other sections and make them visible only when you have clicked on that section.</p>



<p class="wp-block-paragraph">As here *volume up:</p>



<div style="position: relative; padding-bottom: 56.25%; height: 0;"><iframe src="https://www.loom.com/embed/2e79e39c0e0f4211b2514ac8fe206eac" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen="" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"></iframe></div>



<p class="wp-block-paragraph">As you see you don&#8217;t need to put absolutely every everything on the main menu.</p>



<p class="wp-block-paragraph">The other important aspect is to call a spade a spade.</p>



<p class="wp-block-paragraph"><strong>Clarity before originality.</strong></p>



<p class="wp-block-paragraph">Some businesses, in order to sound different, give “original” names to the sections on the menu, and in the end people get lost.</p>



<p class="wp-block-paragraph">As here:</p>



<figure class="wp-block-table"><table><tbody><tr><td>MY HOUSE</td><td>AUTUMN COLOURS</td><td>EXPERIENCE</td><td>DECLARATIONS OF LOVE</td></tr></tbody></table></figure>



<p class="wp-block-paragraph">My house Instead of home, autumn colours for catalogue, experience for portfolio, declarations of love for testimonials, and so on.</p>



<p class="wp-block-paragraph">You don&#8217;t have to be original with the menu, better to see how other companies in your niche organise their sections and do something similar.</p>



<p class="wp-block-paragraph">This way, your prospects will know where to go next and will have a better user experience.</p>



<p class="wp-block-paragraph">Leave the originality for when presenting your Unique Selling Proposition, which we will look at in the next point.</p>


<hr /><p><em> 9 #copywriting and #webdesign elements that cannot be missing from your #website. #SmallBiz #DigitalMarketing  </em><br /><a href="https://x.com/intent/tweet?url=https%3A%2F%2Fwww.elenadefrancisco.com%2F9-copywriting-and-design-elements-that-cannot-be-missing-from-your-website%2F&#038;text=%209%20%23copywriting%20and%20%23webdesign%20elements%20that%20cannot%20be%20missing%20from%20your%20%23website.%20%23SmallBiz%20%23DigitalMarketing%20%20&#038;via=elenadefran&#038;related=elenadefran" target="_blank" rel="noopener noreferrer">Share on X</a><br /><hr />


<h2 class="wp-block-heading" id="2-a-home-with-an-eye-catching-usp">2.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; A home with an eye-catching USP</h2>



<p class="wp-block-paragraph">As soon as a prospect lands on your website they should know why it’s worth staying, and for that your <strong>Unique Selling Proposition (USP) </strong>has to almost jump out at them.</p>



<p class="wp-block-paragraph">The USP is that important benefit that only you offer and that differentiates you from your competition.</p>



<p class="wp-block-paragraph"><strong>There’s always something that others don&#8217;t offer. Or maybe they do offer it but don&#8217;t talk about it on their copy.</strong></p>



<p class="wp-block-paragraph">It doesn&#8217;t need to be a huge difference but it does have to be interesting enough for your prospects to stay and find out more because they think <em>&#8220;I could use this&#8221; </em>or <em>&#8220;This is what I was looking for&#8221;.</em></p>



<p class="wp-block-paragraph">It may take you a long time to find that difference but your business is at stake, so find it.</p>



<p class="wp-block-paragraph">Visitors should already find some clues about your USP in your homepage headline, and in the first 4 or 5 lines of copy (the lead) your USP should already be crystal clear.</p>



<p class="has-text-align-center wp-block-paragraph">Recommended reading: <a href="https://www.elenadefrancisco.com/types-of-sales-leads-in-copywriting/">The sales Lead: 10 seconds to convince your prospect</a></p>



<p class="wp-block-paragraph">Your prospects should feel you’re talking to them in a personal way.</p>



<p class="wp-block-paragraph">You shouldn’t use all your cards already on the home page.</p>



<p class="wp-block-paragraph">The rest of your weaponry will go in the other sections, especially in your services, product or courses pages.</p>



<p class="wp-block-paragraph"><strong>Your homepage has to make the reader feel they should stay to find out more.</strong></p>



<p class="wp-block-paragraph">You achieve this by conveying that you can help them with their problem and that you are the ideal professional (or company) to do so out of all the others out there.</p>



<p class="wp-block-paragraph"><strong>So find your USP.</strong></p>



<p class="has-text-align-center wp-block-paragraph">Recommended reading <a href="https://www.elenadefrancisco.com/find-out-what-is-your-unique-selling-proposition-and-sell-more/">Find out your Unique Selling Proposition and sell more</a></p>



<h2 class="wp-block-heading" id="3-no-stock-images-please">3.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; No stock images, please!</h2>



<p class="wp-block-paragraph">Many businesses love to add photos of smiling beautiful people with perfect teeth.</p>



<p class="wp-block-paragraph">And we end up seeing the same image from Unsplash on thousands of websites.</p>



<p class="wp-block-paragraph">How could you stand out like that?</p>



<p class="wp-block-paragraph">How are you going to create authority with images that are as fake as a 25 euros note?</p>



<p class="wp-block-paragraph">True. Images break up the monotony of the copy, but they shouldn’t be added without rhyme or reason.</p>



<p class="wp-block-paragraph">A photo of your team at work taken with your smartphone is worth more than the typical stock image of a bunch of hipsters typing on a MacBook with a Starbucks coffee next to them.</p>



<p class="wp-block-paragraph"><strong>People want to see who you really are so they can trust you.</strong></p>



<p class="wp-block-paragraph"><strong>Illustrations </strong>work really well in breaking up the copy and adding personality to a brand.</p>


<hr /><p><em>9 #copywriting and #webdesign elements that cannot be missing from your #website. #SmallBiz #DigitalMarketing   </em><br /><a href="https://x.com/intent/tweet?url=https%3A%2F%2Fwww.elenadefrancisco.com%2F9-copywriting-and-design-elements-that-cannot-be-missing-from-your-website%2F&#038;text=9%20%23copywriting%20and%20%23webdesign%20elements%20that%20cannot%20be%20missing%20from%20your%20%23website.%20%23SmallBiz%20%23DigitalMarketing%20%20%20&#038;via=elenadefran&#038;related=elenadefran" target="_blank" rel="noopener noreferrer">Share on X</a><br /><hr />


<h2 class="wp-block-heading" id="4-testimonials-and-case-studies">4.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Testimonials and case studies</h2>



<p class="wp-block-paragraph">When we hire someone or buy online we want to be sure that what we choose is the best out there.</p>



<p class="wp-block-paragraph">And other people&#8217;s testimonials make us feel more confident about the value of the product or service we are considering.</p>



<p class="wp-block-paragraph">Testimonials should be convincing and sound real.</p>



<p class="wp-block-paragraph">You obtain great testimonials asking the right questions to your customers:</p>



<ul class="wp-block-list"><li>What problem you had before you hired me?</li><li>What made you decide to take my course?</li><li>How your situation has improved after working with us?</li></ul>



<p class="wp-block-paragraph">By asking such questions, you can obtain interesting information that will convince other doubting customers.</p>



<p class="has-text-align-center wp-block-paragraph">Recommended reading <a href="https://www.elenadefrancisco.com/social-proof-to-endorse-your-sales-pitch/">The most common mistakes when uploading testimonials</a></p>



<p class="wp-block-paragraph"><strong>If you offer services, case studies are the best option.</strong></p>



<p class="wp-block-paragraph">Prospects can see with concrete data how you helped a customer to increase their sales or to solve a certain problem.</p>



<p class="wp-block-paragraph">This will make it easier for them to see how you can help them and they will be more willing to hire you.</p>



<p class="wp-block-paragraph"><a href="https://www.elenadefrancisco.com/how-to-create-powerful-success-stories-4-examples/">Here&#8217;s how to create compelling success stories</a>.</p>



<p class="wp-block-paragraph">If you are just starting out with your business and you don&#8217;t have any testimonials yet, don&#8217;t get into a funk.</p>



<p class="wp-block-paragraph">Gradually add the ones you’re getting and when you work on a successful case, take the time to write it properly.</p>



<div class="wp-block-image"><figure class="aligncenter size-full"><a href="https://www.elenadefrancisco.com/contact-freelance-copywriter/" target="_blank" rel="noopener"><img loading="lazy" decoding="async" width="560" height="315" src="https://www.elenadefrancisco.com/wp-content/uploads/2019/02/CONTACT-ME.png" alt="Conversion copywriter contact" class="wp-image-120113" srcset="https://www.elenadefrancisco.com/wp-content/uploads/2019/02/CONTACT-ME.png 560w, https://www.elenadefrancisco.com/wp-content/uploads/2019/02/CONTACT-ME-480x270.png 480w" sizes="(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 560px, 100vw" /></a></figure></div>



<h2 class="wp-block-heading" id="5-a-shorter-about-page">5.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; A shorter About page</h2>



<p class="wp-block-paragraph">Some companies are hesitant to add an About page.</p>



<p class="wp-block-paragraph">I always recommend adding it. You’ll be surprised at how many people have a look at this section to see whether or not they can trust a company.</p>



<p class="wp-block-paragraph">Don’t take the opportunity to tell all about your life, hobbies and mission on your About page.</p>



<p class="wp-block-paragraph"><strong>Unless you are exploring the galaxy, you are not on a mission.</strong></p>



<p class="wp-block-paragraph">The aim of this page is for people to trust you, to see the people behind the brand and to become even more convinced of the value you offer.</p>



<p class="wp-block-paragraph">Nobody cares how you drink your coffee or how you spend your free time.</p>



<p class="wp-block-paragraph">They only care if you are the company that can help them.</p>



<p class="wp-block-paragraph">Better a concise About page, with the information your prospects need to read.</p>



<p class="has-text-align-center wp-block-paragraph">Recommended reading <a href="https://www.elenadefrancisco.com/5-killing-ways-of-writing-your-about-page/">5 killer ways of writing your About page</a></p>


<hr /><p><em>9 #copywriting and #webdesign elements that cannot be missing from your #website. #SmallBiz #DigitalMarketing   </em><br /><a href="https://x.com/intent/tweet?url=https%3A%2F%2Fwww.elenadefrancisco.com%2F9-copywriting-and-design-elements-that-cannot-be-missing-from-your-website%2F&#038;text=9%20%23copywriting%20and%20%23webdesign%20elements%20that%20cannot%20be%20missing%20from%20your%20%23website.%20%23SmallBiz%20%23DigitalMarketing%20%20%20&#038;via=elenadefran&#038;related=elenadefran" target="_blank" rel="noopener noreferrer">Share on X</a><br /><hr />


<h2 class="wp-block-heading" id="6-a-longer-service-product-page">6.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; A longer service/product page</h2>



<p class="wp-block-paragraph">This is where you have to use your best copywriting skills and not be afraid of writing a long page.</p>



<p class="wp-block-paragraph"><strong>It isn’t true what they say that people don&#8217;t read.</strong></p>



<p class="wp-block-paragraph">People read what interests them and if you make your service, course or product page compelling enough, with all the information your prospect needs to know, they sure will read it.</p>



<p class="wp-block-paragraph"><strong>The length of the copy depends on the level of awareness your audience has about the problem your service or product solves.</strong></p>



<p class="wp-block-paragraph"><strong>The length also depends on how much your prospect knows about your solution.</strong></p>



<p class="wp-block-paragraph"><a href="https://www.elenadefrancisco.com/how-long-should-your-copy-be/">In this article,</a> I explain everything you need to know about this important topic, which is key to making sure you leave no loose ends and you clear up all your prospects doubts.</p>



<p class="wp-block-paragraph">Let’s elaborate on this because it’s a very important point.</p>



<p class="wp-block-paragraph">The main purpose of your copy is to clear up any doubts your prospect might have when considering buying from you.</p>



<p class="wp-block-paragraph">If they are left with even the slightest doubt in their mind, this might cause them to leave and buy from the competition.</p>



<p class="wp-block-paragraph"><strong>So don&#8217;t be afraid to add as much information as you need to make sure your ammunition is sufficient.</strong></p>



<p class="wp-block-paragraph">Make sure you break the monotony of the copy by inserting blocks with different designs.</p>



<p class="wp-block-paragraph"><strong>You can also use bold and headings &nbsp;&#8211; H1, H2, H3 etc.- to highlight the most important messages.</strong></p>



<p class="wp-block-paragraph">Don’t use a lot of different fonts because it’ll make your page messy and the reader won’t know where to direct their attention.</p>



<p class="wp-block-paragraph">Be consistent with your font and play with sizes, italics and different blocks.</p>



<p class="wp-block-paragraph"><a href="https://www.elenadefrancisco.com/write-a-sales-boosting-landing-page-for-your-info-product/">In this article</a> I explain step by step how to create a landing page for an info product but you can apply it to any product or service page.</p>


<hr /><p><em>9 #copywriting and #webdesign elements that cannot be missing from your #website. #SmallBiz #DigitalMarketing  </em><br /><a href="https://x.com/intent/tweet?url=https%3A%2F%2Fwww.elenadefrancisco.com%2F9-copywriting-and-design-elements-that-cannot-be-missing-from-your-website%2F&#038;text=9%20%23copywriting%20and%20%23webdesign%20elements%20that%20cannot%20be%20missing%20from%20your%20%23website.%20%23SmallBiz%20%23DigitalMarketing%20%20&#038;via=elenadefran&#038;related=elenadefran" target="_blank" rel="noopener noreferrer">Share on X</a><br /><hr />


<h2 class="wp-block-heading" id="7-1-001-reasons-to-buy-your-product-or-service">7.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 1.001 reasons to buy your product or service</h2>



<p class="wp-block-paragraph">This is a mistake I often see on many websites.</p>



<p class="wp-block-paragraph">For fear of being a bore, businesses fall short and don’t give compelling reasons to buy.</p>



<p class="wp-block-paragraph">When you write copy, no matter if it’s for your homepage, sales page or SM posts, you have to convey <strong><u>the reasons why</u></strong> anyone should buy your product or hire your services.</p>



<p class="wp-block-paragraph">We all buy out of a desire to be better or to live better lives.</p>



<p class="wp-block-paragraph"><strong>We buy things that make us more attractive, richer, allow us to have more free time and help us avoid danger or effort.</strong></p>



<p class="wp-block-paragraph">So you should clearly convey how your product or service helps to achieve one (or several) of these goals.</p>



<p class="wp-block-paragraph">But beware.</p>



<p class="wp-block-paragraph">Often when we start describing our product or service, we make the mistake of talking only about features and not about the benefits for the customer.</p>



<p class="wp-block-paragraph">One way to know whether what you are saying is a feature or a benefit is to imagine the reader saying, <em>&#8220;So what?&#8221;</em></p>



<p class="wp-block-paragraph">When you can imagine your prospect asking this question, it means you’re talking about technical aspects or elements that don’t clearly explain how it will improve their life.</p>



<p class="wp-block-paragraph">This is when you have to think of a clear example to help them imagine in detail how they will enjoy this improvement in their life.</p>



<p class="wp-block-paragraph">Even when you talk about a real benefit, you should make sure it’s clear in the reader&#8217;s mind.</p>



<p class="wp-block-paragraph">For example, imagine you are a nutrition coach.</p>



<p class="wp-block-paragraph">If you just say:</p>



<p class="wp-block-paragraph"><em>&#8220;With my programme, you will learn techniques to stop binge eating&#8221;.</em></p>



<p class="wp-block-paragraph">The benefit is there but it isn’t clear how it will help me in my goal to lose weight and improve my relationship with food.</p>



<p class="wp-block-paragraph">But if you say:</p>



<p class="wp-block-paragraph"><em>&#8220;With my programme, you’ll stop eating compulsively because you’ll learn easy techniques to stop when you are satiated. This way you’ll lose weight progressively in a natural way and without rebound effect&#8221;.</em></p>



<p class="wp-block-paragraph">There you have a lot of benefits and a clear description of how my life will improve.</p>



<p class="wp-block-paragraph">If you want more clear examples of how to extract the benefits of your product or service I recommend reading <a href="https://www.elenadefrancisco.com/this-copywriting-trick-will-make-your-product-or-service-irresistible/">this article</a> where I explain it in detail.</p>



<h2 class="wp-block-heading" id="8-buttons-that-stand-out-and-prompt-action">8.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Buttons that stand out and prompt action</h2>



<p class="wp-block-paragraph">It won&#8217;t do you any good to have convinced your potential customer to buy if you don&#8217;t make it easy for them.</p>



<p class="wp-block-paragraph">Contact, subscribe or buy buttons have to be clear, in a different colour and contain a persuasive message.</p>



<p class="wp-block-paragraph">If your website includes a lot of visual components, a CTA (click to action) button can get lost on the page.</p>



<p class="wp-block-paragraph">The right amount of white space around a button helps to attract visitors’ attention since it becomes more noticeable.</p>



<p class="wp-block-paragraph"><strong>Another important point about CTAs: Don&#8217;t bother putting these buttons too early on your homepage.</strong></p>



<p class="wp-block-paragraph">Why?</p>



<p class="wp-block-paragraph">Because the person who has just landed on your site has no idea who you are or what you sell so they aren’t going to buy or contact you yet.</p>



<p class="wp-block-paragraph">As Gill Andrews says, <strong>there has to be a minimum conversation first</strong>.</p>



<p class="wp-block-paragraph">That conversation starts on your home page, continues on your About page and ends on your product or service page.</p>



<p class="wp-block-paragraph"><em>So I don’t put CTAs on the homepage?</em></p>



<p class="wp-block-paragraph">Yes, they need to be there.</p>



<p class="wp-block-paragraph">But only those that don’t require a great commitment from the reader.</p>



<p class="wp-block-paragraph">Here are a few examples of the type of CTA and the degree of commitment they involve:</p>



<figure class="wp-block-table"><table><tbody><tr><td><strong>High level of commitment</strong></td><td><strong>Medium level of commitment</strong></td><td><strong>Low level of commitment</strong></td></tr><tr><td>Buy yours now<br>Reserve your spot<br>Become a member<br>Add to cart &nbsp;</td><td>Subscribe to my list<br>Try it free for 14 days<br>Download the free guide</td><td>View our services<br>Check out the catalogue<br>Get to know us<br>Blog</td></tr></tbody></table></figure>



<p class="wp-block-paragraph">Don&#8217;t bother adding high commitment CTAs on the home page because no one will touch them.</p>



<p class="wp-block-paragraph">The route that potential customers usually take on your website (if it’s well designed and written) is as follows:</p>



<p class="wp-block-paragraph">Home &#8211; service or product pages &#8211; about us &#8211; contact or shopping cart</p>



<p class="wp-block-paragraph"><strong>Your home page serves to build the prospect’s interest and lead them to the other sections where they will take the actions that involve more engagement.</strong></p>



<p class="wp-block-paragraph">So you can put medium and low commitment CTAs on your home page, and the high commitment CTAs on the other pages, as you have set out all the arguments for buying on these other pages.</p>


<hr /><p><em>9 #copywriting and #webdesign elements that cannot be missing from your #website. #SmallBiz #DigitalMarketing  </em><br /><a href="https://x.com/intent/tweet?url=https%3A%2F%2Fwww.elenadefrancisco.com%2F9-copywriting-and-design-elements-that-cannot-be-missing-from-your-website%2F&#038;text=9%20%23copywriting%20and%20%23webdesign%20elements%20that%20cannot%20be%20missing%20from%20your%20%23website.%20%23SmallBiz%20%23DigitalMarketing%20%20&#038;via=elenadefran&#038;related=elenadefran" target="_blank" rel="noopener noreferrer">Share on X</a><br /><hr />


<h2 class="wp-block-heading" id="9-a-message-of-haste-or-scarcity">9.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; A message of haste or scarcity</h2>



<p class="wp-block-paragraph">We can all be very lazy and unless we are in compulsive shopping mode (which can happen) we will often think <em>&#8220;well, I&#8217;ll buy it later&#8221;.</em></p>



<p class="wp-block-paragraph">This is dangerous because most of the time visitors won’t come back to your website.</p>



<p class="wp-block-paragraph">That&#8217;s why you need to introduce a feeling of haste or scarcity.</p>



<p class="wp-block-paragraph">As does Vueling:</p>



<p class="wp-block-paragraph"><em>&#8220;Only 3 seats available on this flight&#8221;.</em></p>



<p class="wp-block-paragraph">Or Sissy-Boy</p>



<p class="wp-block-paragraph"><em>&#8220;Size about to be sold out&#8221;.</em></p>



<p class="wp-block-paragraph"><strong>But what if you offer services?</strong></p>



<p class="wp-block-paragraph">Then you can work more on the prospect’s pain points.</p>



<p class="wp-block-paragraph">Working on the pain points is basically (I&#8217;m going to be a bit radical here, forgive me mum) putting your finger in the wound.</p>



<p class="wp-block-paragraph">Your prospect has a problem you can solve.</p>



<p class="wp-block-paragraph">To prevent them from leaving thinking that they will solve it another day, you have to remind them of all the bad things that can happen if they don&#8217;t solve it NOW.</p>



<p class="wp-block-paragraph">For example, the second headline you see already on my home page is:</p>



<h2 class="has-text-align-center has-vivid-purple-color has-text-color wp-block-heading" id="don-t-waste-any-more-money-with-a-website-and-emails-that-bore-people-to-death">Don&#8217;t waste any more money with a website and emails that bore people to death.</h2>



<p class="wp-block-paragraph">This message hurries my prospects.</p>



<p class="wp-block-paragraph">Because if they are looking for a copywriter it’s because the copy on their website or emails isn’t selling and therefore they are losing money.</p>



<p class="wp-block-paragraph">Also by reminding them of all the benefits they will get, you are encouraging them to act fast to get them as soon as possible and not waste any more time.</p>



<p class="wp-block-paragraph">You can also offer discounts for a certain period of time or say you usually have a busy schedule so if they want your services they have to hire you well in advance.</p>



<h2 class="wp-block-heading" id="to-sum-up">To sum up</h2>



<p class="wp-block-paragraph">Having a website is vital, but you shouldn&#8217;t have one just for the sake of it.</p>



<p class="wp-block-paragraph">Now that you have it, put all your weapons on the table and make the most of it so it can bring you happiness.</p>



<p class="wp-block-paragraph">With a clear, clean and intuitive design, and persuasive, original and relevant copy, you’ll have a much better chance of customers choosing you.</p>



<p class="wp-block-paragraph"><strong>Remember the most important elements of web design and copy:</strong></p>



<ul class="wp-block-list"><li>A clear and concise menu</li><li>A powerful USP on the homepage</li><li>0 stock images</li><li>Testimonials and case studies</li><li>A shorter About page</li><li>A longer service or product page</li><li>1.001 reasons to buy</li><li>Clear and persuasive CTAs</li><li>Feeling of haste or scarcity</li></ul>



<p class="wp-block-paragraph">Check if your website complies with all these 9 elements and if not, get to work.</p>



<p class="wp-block-paragraph">There are a lot of businesses that haven’t yet realised how important these elements are, so get ahead of them by investing in your website.</p>



<p class="wp-block-paragraph">See you around!</p>


<hr /><p><em> 9 copywriting and design elemen9 #copywriting and #webdesign elements that cannot be missing from your #website. #SmallBiz #DigitalMarketing   </em><br /><a href="https://x.com/intent/tweet?url=https%3A%2F%2Fwww.elenadefrancisco.com%2F9-copywriting-and-design-elements-that-cannot-be-missing-from-your-website%2F&#038;text=%209%20copywriting%20and%20design%20elemen9%20%23copywriting%20and%20%23webdesign%20elements%20that%20cannot%20be%20missing%20from%20your%20%23website.%20%23SmallBiz%20%23DigitalMarketing%20%20%20&#038;via=elenadefran&#038;related=elenadefran" target="_blank" rel="noopener noreferrer">Share on X</a><br /><hr /></div>
			</div>
			</div>			
				
				
				
				
			</div>		
				
				
			</div>]]></content:encoded>
					
					<wfw:commentRss>https://www.elenadefrancisco.com/9-copywriting-and-design-elements-that-cannot-be-missing-from-your-website/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>How to upload the copy on your website so people read it</title>
		<link>https://www.elenadefrancisco.com/how-to-upload-the-copy-to-your-website-so-people-read-it/</link>
					<comments>https://www.elenadefrancisco.com/how-to-upload-the-copy-to-your-website-so-people-read-it/#respond</comments>
		
		<dc:creator><![CDATA[Elena de Francisco]]></dc:creator>
		<pubDate>Fri, 30 Apr 2021 08:45:05 +0000</pubDate>
				<category><![CDATA[Copywriting]]></category>
		<category><![CDATA[Web design]]></category>
		<guid isPermaLink="false">https://www.elenadefrancisco.com/?p=120832</guid>

					<description><![CDATA[People don't always read the whole page. How to convince them then that your product or service is better than the competition? Here's how to upload your copy to convince prospects to take action.]]></description>
										<content:encoded><![CDATA[
<h3 class="wp-block-heading">And keep the most important message.</h3>



<p class="wp-block-paragraph">It&#8217;s true. People don&#8217;t always read all the copy.</p>



<p class="wp-block-paragraph">So how do you make sure that the person who lands on your website gets the key message to convince them that your product or service is better than the competition?</p>



<p class="wp-block-paragraph">The copy is as important as the way it&#8217;s presented.</p>



<p class="wp-block-paragraph">If you use tiny fonts, clumps of text, no room to breathe, no highlighting of ideas and no images, it will be almost impossible for people to read what you have to say.</p>



<p class="wp-block-paragraph">That&#8217;s why it&#8217;s so important to know how to lay out your web copy.</p>



<p class="wp-block-paragraph">In this copywriting lesson, we&#8217;ll look at the best techniques for making copy easy to read and scan.</p>



<p class="wp-block-paragraph">What does scanning mean in this context?</p>



<p class="wp-block-paragraph">It&#8217;s what you, me and everyone else does these days: we scan a page for the information we&#8217;re interested in without reading the whole thing, and if we don&#8217;t find it quickly, we walk away.</p>



<p class="wp-block-paragraph">So let&#8217;s see how we can make people find the information they need and keep the key message of our sales copy.</p>



<p class="wp-block-paragraph">Here we go.</p>



<figure class="wp-block-image aligncenter size-large"><a href="https://www.elenadefrancisco.com/sell-international-customers/" target="_blank" rel="noopener"><img loading="lazy" decoding="async" width="560" height="315" src="https://www.elenadefrancisco.com/wp-content/uploads/2021/03/Free-guide.png" alt="Free Copywriting Guide" class="wp-image-120196" srcset="https://www.elenadefrancisco.com/wp-content/uploads/2021/03/Free-guide.png 560w, https://www.elenadefrancisco.com/wp-content/uploads/2021/03/Free-guide-480x270.png 480w" sizes="(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 560px, 100vw" /></a></figure>



<h2 class="wp-block-heading">The Headline</h2>



<p class="wp-block-paragraph">A weak headline which doesn’t attract the attention of your target customer is already a bad start.</p>



<p class="wp-block-paragraph">The headline is the first obstacle you need to overcome, because if it isn’t powerful or compelling enough, you are not going to make your prospects stop and read the copy.</p>



<p class="wp-block-paragraph"><strong>With the headline you allure your <a href="https://www.elenadefrancisco.com/how-to-create-your-buyer-persona-profile-with-examples/" target="_blank" aria-label="buyer persona (opens in a new tab)" rel="noreferrer noopener" class="rank-math-link">buyer persona</a> into your universe by creating curiosity and teasing the benefit they can get if they read more.</strong></p>



<p class="wp-block-paragraph">There are many types of headlines but one of the formulas that works best is this one:</p>



<p class="wp-block-paragraph">Tease the value of what you offer and embellish the benefit prospects will get.</p>



<p class="wp-block-paragraph">This formula is what in copywriting we call <strong>fascinations</strong> and we use them in headlines but also in email subjects or product descriptions.</p>



<p class="has-text-align-center has-background wp-block-paragraph" style="background-color:#dedcdc">Recommended reading <a href="https://www.elenadefrancisco.com/the-most-powerful-weapon-to-make-people-listen-and-buy-everything-you-offer/" target="_blank" aria-label=" (opens in a new tab)" rel="noreferrer noopener" class="rank-math-link">How to write fascinations</a></p>



<h2 class="wp-block-heading">Headings</h2>



<p class="wp-block-paragraph">Once you&#8217;ve managed to make your prospects stay on the page, most of them will only stop and read what catches their attention.</p>



<p class="wp-block-paragraph">If the copy is very well written and the person is really interested, they may read everything, but most of them will scan the copy looking for quick information.</p>



<p class="wp-block-paragraph"><strong>So we need to highlight what we want to stay in the reader&#8217;s mind.</strong></p>



<p class="wp-block-paragraph">Headings help us guide the reader to where we want them to go, because they&#8217;re in a larger font, and even in a different colour, they won&#8217;t go unnoticed.</p>



<p class="wp-block-paragraph">Use H1, H2 and H3 to summarise the key messages you want the reader to remember.</p>


<hr /><p><em>How to upload the copy to your website to make sure people read it #copywriting #uxdesign #webdesign #uxcopywriting</em><br /><a href="https://x.com/intent/tweet?url=https%3A%2F%2Fwww.elenadefrancisco.com%2Fhow-to-upload-the-copy-to-your-website-so-people-read-it%2F&#038;text=How%20to%20upload%20the%20copy%20to%20your%20website%20to%20make%20sure%20people%20read%20it%20%23copywriting%20%23uxdesign%20%23webdesign%20%23uxcopywriting&#038;via=elenadefran&#038;related=elenadefran" target="_blank" rel="noopener noreferrer">Share on X</a><br /><hr />


<p class="wp-block-paragraph">Let&#8217;s look at an example.</p>



<p class="wp-block-paragraph">Coach Accountable is an app for coaches to organise their work with clients. Clients can use the app to view materials, set reminders, etc.</p>



<p class="wp-block-paragraph">Their home page is quite long because they need to explain why this app will improve people&#8217;s lives.</p>



<p class="wp-block-paragraph">As there&#8217;s a lot of text, they use headings and colours to highlight the key points they want the reader to take away.</p>



<figure class="wp-block-image aligncenter size-large is-resized"><img loading="lazy" decoding="async" width="605" height="450" src="https://www.elenadefrancisco.com/wp-content/uploads/2021/04/image-2.png" alt="Use headings to make to copy scanable" class="wp-image-120823" style="width:454px;height:338px" srcset="https://www.elenadefrancisco.com/wp-content/uploads/2021/04/image-2.png 605w, https://www.elenadefrancisco.com/wp-content/uploads/2021/04/image-2-480x357.png 480w" sizes="(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 605px, 100vw" /></figure>



<h2 class="wp-block-heading">Italics, underlining and bold</h2>



<p class="wp-block-paragraph">Like everything else in life, if we overuse headlines, they will lose their power because they will no longer stand out and the reader will stop reading.</p>



<p class="wp-block-paragraph">So we need to use other means of emphasising messages. We can use underlining, italics or bold.</p>



<p class="wp-block-paragraph">In copywriting we often use this technique: from time to time we italicise a keyword that we want to emphasise in a sentence, we also do this to break up the monotony of the text.</p>



<p class="wp-block-paragraph">Like here:</p>



<figure class="wp-block-image aligncenter size-large is-resized"><img loading="lazy" decoding="async" width="605" height="171" src="https://www.elenadefrancisco.com/wp-content/uploads/2021/04/image-3.png" alt="" class="wp-image-120824" style="width:454px;height:128px" srcset="https://www.elenadefrancisco.com/wp-content/uploads/2021/04/image-3.png 605w, https://www.elenadefrancisco.com/wp-content/uploads/2021/04/image-3-480x136.png 480w" sizes="(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 605px, 100vw" /></figure>



<p class="wp-block-paragraph">Bold words should be used with care because some people may only read those and not the rest, so they need to make sense on their own or make people curious to read the whole sentence.</p>


<hr /><p><em>How to upload the copy to your website to make sure people read it #copywriting #uxdesign #webdesign #uxcopywriting</em><br /><a href="https://x.com/intent/tweet?url=https%3A%2F%2Fwww.elenadefrancisco.com%2Fhow-to-upload-the-copy-to-your-website-so-people-read-it%2F&#038;text=How%20to%20upload%20the%20copy%20to%20your%20website%20to%20make%20sure%20people%20read%20it%20%23copywriting%20%23uxdesign%20%23webdesign%20%23uxcopywriting&#038;via=elenadefran&#038;related=elenadefran" target="_blank" rel="noopener noreferrer">Share on X</a><br /><hr />


<h2 class="wp-block-heading">Short paragraphs and sentences</h2>



<p class="wp-block-paragraph">The Internet has changed the way we read. We don&#8217;t read a book in the same way we read a blog post.</p>



<p class="wp-block-paragraph">When we search for information on the internet our brain is exposed to hundreds of images and messages, we are overloading it with stimuli, and that’s why it’s so hard to concentrate.</p>



<p class="wp-block-paragraph"><strong>Help people concentrate on your copy by being concise and clear.</strong></p>



<p class="wp-block-paragraph">When writing for the web you sometimes need to explain a complex idea in a short paragraph. This isn’t easy, you learn with time and practice.</p>



<p class="wp-block-paragraph"><strong>Paragraphs should be no longer than 4 lines and contain only one idea.</strong></p>



<p class="wp-block-paragraph"><strong>Avoid the passive voice</strong> and always use verbs in the active voice, the more vivid the better.</p>



<p class="wp-block-paragraph"><em>Break, jump, explode, conquer, win, flee, devour, love, explore, discover, risk</em>, are examples of vivid verbs.</p>



<p class="wp-block-paragraph">It all depends on the context, of course &#8211; selling fashion is not the same as selling a cancer research scanner.</p>



<p class="wp-block-paragraph">But in any case it&#8217;s important to keep the reader awake and encourage them to take the action we want them to take (buy, contact us, subscribe to a list, etc.).</p>



<figure class="wp-block-image aligncenter size-full"><a href="https://landings.theexpatcopywriter.com/Brand_Voice_Free_Guide" target="_blank" rel="noreferrer noopener"><img loading="lazy" decoding="async" width="800" height="500" src="https://www.elenadefrancisco.com/wp-content/uploads/2023/11/Brand-Voice-Guide-CTA.png" alt="cta to download a Brand voice guide" class="wp-image-123125" srcset="https://www.elenadefrancisco.com/wp-content/uploads/2023/11/Brand-Voice-Guide-CTA.png 800w, https://www.elenadefrancisco.com/wp-content/uploads/2023/11/Brand-Voice-Guide-CTA-480x300.png 480w" sizes="(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 800px, 100vw" /></a></figure>



<h2 class="wp-block-heading">White space</h2>



<p class="wp-block-paragraph">With people spending <a aria-label=" (opens in a new tab)" class="rank-math-link" href="https://www.digitalinformationworld.com/2019/02/internet-users-spend-more-than-a-quarter-of-their-lives-online.html" target="_blank" rel="noreferrer noopener">an average of 6 hours and 42 minutes on the internet</a>, with all the stimuli for the brain that this entails, you need to give them a chance to rest their eyes, so leave plenty of white space (or black space if you have a more sinister website).</p>



<p class="wp-block-paragraph">This space will allow people to take a break and continue reading, but most importantly it will make the page look clean and tidy.</p>



<p class="wp-block-paragraph">It&#8217;s like walking into a messy person&#8217;s bedroom and seeing everything lying around, clothes on the floor and on the bed, a desk full of junk, empty packets of crisps… You don&#8217;t know where to look and you want to run away.</p>



<p class="wp-block-paragraph">The same thing happens to a person who lands on a website and sees endless blocks of text without any breaks, with thousands of messages competing for attention in no particular order, and with ads moving around the sides.</p>



<p class="wp-block-paragraph"><strong>DON’T</strong></p>



<figure class="wp-block-image aligncenter size-large is-resized"><img loading="lazy" decoding="async" width="605" height="310" src="https://www.elenadefrancisco.com/wp-content/uploads/2021/04/image-4.png" alt="How NOT to upload copy" class="wp-image-120825" style="width:454px;height:233px" srcset="https://www.elenadefrancisco.com/wp-content/uploads/2021/04/image-4.png 605w, https://www.elenadefrancisco.com/wp-content/uploads/2021/04/image-4-480x246.png 480w" sizes="(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 605px, 100vw" /></figure>



<p class="wp-block-paragraph">However, if a site is tidy, with blocks of text in different formats, with some white space in between, with double columns for longer text, and without subscription boxes or annoying ads in the margins, the experience will be much more pleasant and you will be more likely to get your prospects to stay.</p>



<p class="wp-block-paragraph"><strong>DO</strong></p>



<figure class="wp-block-image aligncenter size-large is-resized"><img loading="lazy" decoding="async" width="605" height="267" src="https://www.elenadefrancisco.com/wp-content/uploads/2021/04/image-5.png" alt="Leave white space" class="wp-image-120826" style="width:454px;height:200px" srcset="https://www.elenadefrancisco.com/wp-content/uploads/2021/04/image-5.png 605w, https://www.elenadefrancisco.com/wp-content/uploads/2021/04/image-5-480x212.png 480w" sizes="(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 605px, 100vw" /></figure>


<hr /><p><em>How to upload the copy to your website to make sure people read it #copywriting #uxdesign #webdesign #uxcopywriting</em><br /><a href="https://x.com/intent/tweet?url=https%3A%2F%2Fwww.elenadefrancisco.com%2Fhow-to-upload-the-copy-to-your-website-so-people-read-it%2F&#038;text=How%20to%20upload%20the%20copy%20to%20your%20website%20to%20make%20sure%20people%20read%20it%20%23copywriting%20%23uxdesign%20%23webdesign%20%23uxcopywriting&#038;via=elenadefran&#038;related=elenadefran" target="_blank" rel="noopener noreferrer">Share on X</a><br /><hr />


<h2 class="wp-block-heading">Images</h2>



<p class="wp-block-paragraph">Images add aesthetic value, space and help get the message across.</p>



<p class="wp-block-paragraph">When scanning a page, we tend to pay more attention to the text if it&#8217;s to the right of an image.</p>



<p class="wp-block-paragraph">However, it&#8217;s useful to alternate the position of blocks of text and images because people tend to zigzag when reading a web page.</p>



<p class="wp-block-paragraph">Images should complement the message we want to convey by adding more information about the product or service.</p>



<p class="wp-block-paragraph">There are some businesses that, in an attempt to look cool, upload images that add irrelevant information or even confusing, distracting the reader from the main message.</p>



<p class="wp-block-paragraph"><strong>If you think an image doesn&#8217;t add anything to the main message or might confuse the reader, just don&#8217;t include it.</strong></p>



<p class="wp-block-paragraph"><strong>If you’re a freelancer offering services, adding a photo of yourself will increase your credibility.</strong></p>



<p class="wp-block-paragraph">Putting a face to your services will help people trust you.</p>



<h2 class="wp-block-heading">Large font</h2>



<p class="wp-block-paragraph">Why do so many designers insist on using a tiny font size?</p>



<p class="wp-block-paragraph">The size here DOES matter!</p>



<p class="wp-block-paragraph">It should be between 16 and 18 px, never smaller.</p>



<p class="wp-block-paragraph">If it&#8217;s smaller than 16px, people might be super interested, but they&#8217;ll feel lazy because it takes more effort to read.</p>



<p class="wp-block-paragraph">If you manage to convey your value with concise copy capable of convincing your ideal customer in a few words, choose an even larger font like <a aria-label=" (opens in a new tab)" class="rank-math-link" href="https://lemonpie.fm/" target="_blank" rel="noreferrer noopener">Lemonpie</a> does here.</p>



<figure class="wp-block-image aligncenter size-large is-resized"><img loading="lazy" decoding="async" width="605" height="340" src="https://www.elenadefrancisco.com/wp-content/uploads/2021/04/image-6.png" alt="Best fonts for websites" class="wp-image-120827" style="width:454px;height:255px" srcset="https://www.elenadefrancisco.com/wp-content/uploads/2021/04/image-6.png 605w, https://www.elenadefrancisco.com/wp-content/uploads/2021/04/image-6-480x270.png 480w" sizes="(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 605px, 100vw" /></figure>



<p class="wp-block-paragraph">Choose a simple, clean font like Montserrat, the whole Sans family, Raleway, and the like.</p>



<p class="wp-block-paragraph">If you like more personal fonts like Swanky and Moo or similar, don&#8217;t overuse them.</p>



<p class="wp-block-paragraph">It&#8217;s fine to use them for a header or a more personal short message, like a signature, but don&#8217;t write all the copy on your site in these types of handwritten fonts.</p>



<p class="wp-block-paragraph">They&#8217;re tiring and don&#8217;t encourage people to read more than a few sentences.</p>



<h2 class="wp-block-heading">To sum up</h2>



<p class="wp-block-paragraph">Your web copy can be jaw-dropping, but if the layout isn&#8217;t right, not even your mum will want to read it.</p>



<p class="wp-block-paragraph">Be mindful of how you upload copy to your website and always think about the reader and how they will read it: In a hurry. <strong>ALWAYS.</strong></p>



<p class="wp-block-paragraph">Remember:</p>



<ul class="wp-block-list">
<li>Headlines that arouse curiosity and embellish a benefit.</li>



<li>Headings that summarise the most important ideas.</li>



<li>Underlining, bolding and italics to emphasise keywords and messages</li>



<li>Short paragraphs and sentences</li>



<li>White space</li>



<li>Occasional but relevant images</li>



<li>Clear and LARGE fonts</li>
</ul>



<p class="wp-block-paragraph">See you around!</p>



<figure class="wp-block-image aligncenter size-full"><a href="https://www.elenadefrancisco.com/contact-freelance-copywriter/" target="_blank" rel="noopener"><img loading="lazy" decoding="async" width="560" height="315" src="https://www.elenadefrancisco.com/wp-content/uploads/2022/04/CONTACT-ME-1.png" alt="Freelance Copywriter" class="wp-image-122042" srcset="https://www.elenadefrancisco.com/wp-content/uploads/2022/04/CONTACT-ME-1.png 560w, https://www.elenadefrancisco.com/wp-content/uploads/2022/04/CONTACT-ME-1-480x270.png 480w" sizes="(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 560px, 100vw" /></a></figure>


<hr /><p><em>How to upload the copy to your website to make sure people read it #copywriting #uxdesign #webdesign #uxcopywriting</em><br /><a href="https://x.com/intent/tweet?url=https%3A%2F%2Fwww.elenadefrancisco.com%2Fhow-to-upload-the-copy-to-your-website-so-people-read-it%2F&#038;text=How%20to%20upload%20the%20copy%20to%20your%20website%20to%20make%20sure%20people%20read%20it%20%23copywriting%20%23uxdesign%20%23webdesign%20%23uxcopywriting&#038;via=elenadefran&#038;related=elenadefran" target="_blank" rel="noopener noreferrer">Share on X</a><br /><hr />]]></content:encoded>
					
					<wfw:commentRss>https://www.elenadefrancisco.com/how-to-upload-the-copy-to-your-website-so-people-read-it/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>The 5 most common mistakes of websites that don’t convert</title>
		<link>https://www.elenadefrancisco.com/the-5-most-common-mistakes-of-websites-that-dont-convert/</link>
					<comments>https://www.elenadefrancisco.com/the-5-most-common-mistakes-of-websites-that-dont-convert/#respond</comments>
		
		<dc:creator><![CDATA[Elena de Francisco]]></dc:creator>
		<pubDate>Tue, 26 May 2020 09:48:12 +0000</pubDate>
				<category><![CDATA[Web design]]></category>
		<guid isPermaLink="false">https://www.elenadefrancisco.com/?p=2524</guid>

					<description><![CDATA[These are 5 of the most common design mistakes of websites that don't convert. The good news is that they are easy to fix. Find out which are those.]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">After doing dozens of website reviews I’ve realized that most businesses make these 5 mistakes.</p>



<p class="wp-block-paragraph">Such mistakes prevent these websites from accomplish their main purpose, which is to win customers.</p>



<p class="wp-block-paragraph">Whether they are selling a product or offering services, <strong>most businesses make these 5 mistakes</strong>, which, on the other hand, <strong>are very easy to correct</strong>.</p>



<p class="wp-block-paragraph"><strong>They are mistakes of design and strategy</strong>.</p>



<p class="wp-block-paragraph">No matter how good the web copy is, if the design gets in the way, it’ll be much more difficult to convert visitors into customers.</p>



<p class="wp-block-paragraph"><strong>Design and copy must go hand in hand always.</strong></p>



<p class="wp-block-paragraph">A trendy and attractive design with wishy-washy copy which doesn’t touch prospects’ emotions won’t sell.</p>



<p class="wp-block-paragraph">And if the copy is specific, clear and convincing, but the design gets in the way, preventing the person who lands on your website from reading it easily, the result will be just as disappointing.</p>



<p class="wp-block-paragraph">A website works when it has compelling copy designed for the target audience and a clean and amicable design.</p>



<p class="wp-block-paragraph">And by amicable I don&#8217;t mean funny, but <strong>a design which is a pleasure to interact with</strong>.</p>



<p class="wp-block-paragraph">Because it’s intuitive and takes the prospect by the hand, guiding him to the next step we want him to take.</p>



<p class="wp-block-paragraph">This step can be to contact you, to buy your product or to give you his email address.</p>



<p class="wp-block-paragraph"><strong>If you want your website to convert avoid these 5 design and strategy mistakes that are sabotaging your income</strong>.</p>



<h2 class="wp-block-heading">1. A home page that looks like a flea market</h2>



<p class="wp-block-paragraph">I&#8217;ve seen home pages you wouldn&#8217;t believe.</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="890" height="593" src="https://www.elenadefrancisco.com/wp-content/uploads/2020/05/Blade-Runner-1.jpg" alt="" class="wp-image-2525" srcset="https://www.elenadefrancisco.com/wp-content/uploads/2020/05/Blade-Runner-1.jpg 890w, https://www.elenadefrancisco.com/wp-content/uploads/2020/05/Blade-Runner-1-300x200.jpg 300w, https://www.elenadefrancisco.com/wp-content/uploads/2020/05/Blade-Runner-1-768x512.jpg 768w, https://www.elenadefrancisco.com/wp-content/uploads/2020/05/Blade-Runner-1-90x60.jpg 90w" sizes="(max-width: 890px) 100vw, 890px" /><figcaption class="wp-element-caption">I&#8217;ve seen things that you humans wouldn&#8217;t believe</figcaption></figure>



<p class="wp-block-paragraph">Some of them make you want to run away.</p>



<p class="wp-block-paragraph">And this is precisely what happens to most prospects who land on a page like this.</p>



<p class="wp-block-paragraph">Crowded text, lots of moving elements, blocks in different colours, margins offering several lead magnets, many calls to action placed together&#8230;</p>



<p class="wp-block-paragraph">If you have a home page like this you’re throwing stones at your own roof.</p>



<p class="wp-block-paragraph">The first thing you need to ask yourself is why that person has landed on your website.</p>



<p class="wp-block-paragraph">They may have found you after googling some keywords, or they may have read a post on your blog and then gone to visit your home page.</p>



<p class="wp-block-paragraph">Once you put yourself in their shoes you have to think about how you can help that person find easily what interest them.</p>



<p class="wp-block-paragraph">If you add too many things to your home page you will confuse them and they won’t know what to do next.</p>



<p class="wp-block-paragraph">Does she need to fill your contact form? Does she have to download your product demo? Or maybe look at what services you offer?</p>



<p class="wp-block-paragraph">If you give her too many options too early on, she’ll most likely feel overwhelmed and leave.</p>



<p class="wp-block-paragraph"><strong>Remember,</strong> <strong>your homepage have 3 main goals:</strong></p>



<p class="wp-block-paragraph">&#8211; Clearly show at a glance <strong>what you offer</strong> and <strong>what kind of customer</strong> it&#8217;s designed for</p>



<p class="wp-block-paragraph">&#8211; Encourage prospects to <strong>click on links to your other important pages</strong>, such as your Services and About.</p>



<p class="wp-block-paragraph">&#8211; Include an attractive <strong>CTA prospects will click to leave their email address</strong> in exchange of your lead magnet.</p>



<p class="has-text-align-center has-very-light-gray-background-color has-background wp-block-paragraph">&nbsp;Recommended reading <a href="https://www.elenadefrancisco.com/create-a-lead-magnet-that-attracts-a-whole-bunch-of-customers/">How to create a lead magnet that attracts a whole bunch of customers</a>.</p>



<p class="wp-block-paragraph">All that <strong>information needs to be arranged in a logical order</strong>.</p>



<p class="wp-block-paragraph">And it&#8217;s important to add lots of white space so people can breathe. <strong>This is called a clean website</strong>.</p>



<p class="wp-block-paragraph">For inspiration take a look at these sites:</p>



<p class="wp-block-paragraph">A freelancer: https://dayanamayfield.com/</p>



<p class="wp-block-paragraph">An ecommerce: https://cocunat.com/</p>



<p class="wp-block-paragraph">SaaS: https://balsamiq.com/</p>



<h2 class="wp-block-heading">2. Carousel of testimonials</h2>



<p class="wp-block-paragraph">If you don&#8217;t listen to my advice on the other points, please at least listen to me on this one.</p>



<p class="wp-block-paragraph">It&#8217;s something designers love&#8230;</p>



<p class="wp-block-paragraph">Things that move.</p>



<p class="wp-block-paragraph">But the truth is that no one wants to feel like they are on a merry-go-round.</p>



<p class="wp-block-paragraph">I even get that same knot in my stomach when I try to read testimonials that disappear faster than what my eyes can read.</p>



<p class="wp-block-paragraph">And I&#8217;m a fast reader! I&#8217;ve been watching movies in original version since I was 15.</p>



<p class="wp-block-paragraph">Please don&#8217;t make your visitors dizzy.</p>



<p class="wp-block-paragraph">Social proof is one of the most important elements of good copy.</p>



<p class="wp-block-paragraph">If you want your prospects to trust you, testimonials are the best option to proof your value.</p>



<p class="wp-block-paragraph">If you have great testimonials but people can&#8217;t read them, what’s the point?</p>



<p class="wp-block-paragraph">So please ask your designer to leave them alone (static) and not get too excited by adding in too many elements that move (photos, slides, etc.)</p>



<p class="wp-block-paragraph">Unless you are ZARA and have on your home page videos of models posing at home in a <em>super natural</em> way.</p>



<figure class="wp-block-image size-large"><a href="https://www.elenadefrancisco.com/contact-freelance-copywriter/" target="_blank" rel="noopener noreferrer"><img decoding="async" src="https://www.elenadefrancisco.com/wp-content/uploads/2020/04/CTA-Contact.png" alt="" class="wp-image-2398"/></a></figure>



<h2 class="wp-block-heading">3. Drop-down menus</h2>



<p class="wp-block-paragraph">Sometimes you see menus that have 10 options&#8230;</p>



<p class="wp-block-paragraph">Do you really think people are going to read every single one of them?</p>



<p class="wp-block-paragraph">No way Jose.</p>



<p class="wp-block-paragraph">Prospects aren&#8217;t going to take the time to read all those choices, and what&#8217;s more, seeing so many options is going to stress them out.</p>



<p class="wp-block-paragraph">I know what you’re thinking, <em>but I do offer different services and products</em> <em>and I need to show them</em>.</p>



<p class="wp-block-paragraph">Okay, I hear you. In this case you have 2 options:</p>



<p class="wp-block-paragraph">&#8211; Add the different services in blocks on the home page with a short three-line introduction and a button that says &#8220;Learn more&#8221; which leads to the different product or service pages.</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="476" src="https://www.elenadefrancisco.com/wp-content/uploads/2020/05/MailChimp-Service-1-1024x476.jpg" alt="5 most common web design mistakes" class="wp-image-2526" srcset="https://www.elenadefrancisco.com/wp-content/uploads/2020/05/MailChimp-Service-1-1024x476.jpg 1024w, https://www.elenadefrancisco.com/wp-content/uploads/2020/05/MailChimp-Service-1-300x140.jpg 300w, https://www.elenadefrancisco.com/wp-content/uploads/2020/05/MailChimp-Service-1-768x357.jpg 768w, https://www.elenadefrancisco.com/wp-content/uploads/2020/05/MailChimp-Service-1-129x60.jpg 129w, https://www.elenadefrancisco.com/wp-content/uploads/2020/05/MailChimp-Service-1.jpg 1432w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">If you have more than 4 services, group some of them under the same block and then re-enter small blocks with the other services on the page you land on when clicking on the first block button.</p>



<p class="wp-block-paragraph">Something like a Russian doll&#8230;</p>



<p class="wp-block-paragraph"><strong>Same with products; group them into categories</strong>.</p>



<p class="wp-block-paragraph">&#8211; The second option is to have a double menu that extends itself when you pass the cursor over it.</p>



<p class="wp-block-paragraph">To get an idea, look at <a href="https://mailchimp.com/" target="_blank" rel="noreferrer noopener">MailChimp</a>’.</p>



<h2 class="wp-block-heading">4. Images that can distort the message</h2>



<p class="wp-block-paragraph">Photos are very important. They make your website more visual and pleasant to the eye but you have to be careful when choosing them.</p>



<p class="wp-block-paragraph">They should be relevant and help to convey the message you want your prospects to get.</p>



<p class="wp-block-paragraph">I give you an example.</p>



<p class="wp-block-paragraph">I once advised a client to change the photos of his website since they represented people in their twenties. However he’d told me that most of his customers were much older than that.</p>



<p class="wp-block-paragraph">This client offers online education.</p>



<p class="wp-block-paragraph">If a person lands on his website and sees those pictures of hip youngsters with green hair he might think that his classes are only for young people.</p>



<p class="wp-block-paragraph">The prospect could think that there’s complicated technology involved that he won’t know how to handle and therefore he’ll probably leave.</p>



<p class="wp-block-paragraph">Another example of this kind of mistake that I’ve often seen is photos that are confusing and out of place.</p>



<p class="wp-block-paragraph">For example, you are a personal coach and have chosen as your headline on your home page &#8220;Take control of your life&#8221;.</p>



<p class="wp-block-paragraph">And you think that a picture of a woman piloting a plane can illustrate the message.</p>



<p class="wp-block-paragraph">But if someone takes a quick look at your website, that photo can confuse her. <em>Is this a pilot school?</em></p>



<p class="wp-block-paragraph">Remember, every person who lands on your website decides in milliseconds whether there’s something for them.</p>



<p class="wp-block-paragraph"><strong>So your photos need to match the main message and also your ideal customer.</strong></p>



<figure class="wp-block-image size-large"><a href="https://www.elenadefrancisco.com/sell-international-customers/" target="_blank" rel="noopener noreferrer"><img loading="lazy" decoding="async" width="560" height="315" src="https://www.elenadefrancisco.com/wp-content/uploads/2020/01/Do-you-want-to-write.png" alt="Copywriting for internationals" class="wp-image-2210" srcset="https://www.elenadefrancisco.com/wp-content/uploads/2020/01/Do-you-want-to-write.png 560w, https://www.elenadefrancisco.com/wp-content/uploads/2020/01/Do-you-want-to-write-300x169.png 300w, https://www.elenadefrancisco.com/wp-content/uploads/2020/01/Do-you-want-to-write-107x60.png 107w" sizes="(max-width: 560px) 100vw, 560px" /></a></figure>



<h2 class="wp-block-heading">5. Social icons in the header</h2>



<p class="wp-block-paragraph">Many WordPress themes come with a pre-configured layout that adds links to your social networks in the header.</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="202" src="https://www.elenadefrancisco.com/wp-content/uploads/2020/05/Social-Icons-Bad-1-1024x202.jpg" alt="" class="wp-image-2527" srcset="https://www.elenadefrancisco.com/wp-content/uploads/2020/05/Social-Icons-Bad-1-1024x202.jpg 1024w, https://www.elenadefrancisco.com/wp-content/uploads/2020/05/Social-Icons-Bad-1-300x59.jpg 300w, https://www.elenadefrancisco.com/wp-content/uploads/2020/05/Social-Icons-Bad-1-768x152.jpg 768w, https://www.elenadefrancisco.com/wp-content/uploads/2020/05/Social-Icons-Bad-1-1536x303.jpg 1536w, https://www.elenadefrancisco.com/wp-content/uploads/2020/05/Social-Icons-Bad-1-304x60.jpg 304w, https://www.elenadefrancisco.com/wp-content/uploads/2020/05/Social-Icons-Bad-1.jpg 1835w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">This is a strategic mistake rather than a design mistake.</p>



<p class="wp-block-paragraph">Your main goal is to keep the person who has landed on your homepage as long as possible on your website, so you can convince her with your copy that your service/product is what she’s looking for.</p>



<p class="wp-block-paragraph">But if you give them the option to leave and visit other pages before they know more about your business it’s like showing them the door.</p>



<p class="wp-block-paragraph">You know what happens with social media, it’s like falling down the rabbit hole. Before you realize you&#8217;ve been watching videos of cats and people dancing in their pyjamas for hours.</p>



<p class="wp-block-paragraph">So better not to tempt prospects to go on Facebook or Instagram or anywhere else.</p>



<p class="wp-block-paragraph">If you&#8217;re active on social media and want to be followed, put the links in the footer and at the end of your blog posts.</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="351" src="https://www.elenadefrancisco.com/wp-content/uploads/2020/05/Social-Icons-Good-1-1024x351.jpg" alt="5 most common web design mistakes" class="wp-image-2528" srcset="https://www.elenadefrancisco.com/wp-content/uploads/2020/05/Social-Icons-Good-1-1024x351.jpg 1024w, https://www.elenadefrancisco.com/wp-content/uploads/2020/05/Social-Icons-Good-1-300x103.jpg 300w, https://www.elenadefrancisco.com/wp-content/uploads/2020/05/Social-Icons-Good-1-768x263.jpg 768w, https://www.elenadefrancisco.com/wp-content/uploads/2020/05/Social-Icons-Good-1-1536x526.jpg 1536w, https://www.elenadefrancisco.com/wp-content/uploads/2020/05/Social-Icons-Good-1-175x60.jpg 175w, https://www.elenadefrancisco.com/wp-content/uploads/2020/05/Social-Icons-Good-1.jpg 1883w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">This way you can make sure that when they go to visit your SM accounts they have read everything you want them to read.</p>



<h2 class="wp-block-heading">Conclusion</h2>



<p class="wp-block-paragraph">Having a website that doesn&#8217;t convert is very sad.</p>



<p class="wp-block-paragraph">Especially since it&#8217;s cost you time and money.</p>



<p class="wp-block-paragraph">Great copy that touch emotions, with a clear and strategic design, will help you convert more visitors into customers.</p>



<p class="wp-block-paragraph">These 5 mistakes are easy to fix.</p>



<p class="wp-block-paragraph">Whether you designed your website yourself or a designer did it for you, <strong>in both cases you need to know the basic rules of copy and web design.</strong></p>



<p class="wp-block-paragraph">If you make one or more of these mistakes, correct them immediately if you want your web to be more pleasant to read and help you express the great value you offer.</p>



<p class="wp-block-paragraph">Do you want to know more about copywriting and user experience-based design?</p>



<p class="wp-block-paragraph">Subscribe to my list and receive 2 emails a month with everything I know about the subject.</p>



<p class="wp-block-paragraph">See you around!</p>



<p class="wp-block-paragraph">[BTEN id=&#8221;120&#8243;]</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.elenadefrancisco.com/the-5-most-common-mistakes-of-websites-that-dont-convert/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>

<!--
Performance optimized by W3 Total Cache. Learn more: https://www.boldgrid.com/w3-total-cache/?utm_source=w3tc&utm_medium=footer_comment&utm_campaign=free_plugin

Page Caching using Disk: Enhanced 

Served from: www.elenadefrancisco.com @ 2026-08-15 11:14:43 by W3 Total Cache
-->