Advertisment

viernes, 30 de abril de 2021

How to Track Clicks on a Link in Google Analytics 4

If you're a marketer, you've undoubtedly asked yourself, "How can I track clicks on a link in Google Analytics?"

Tracking clicks can help you understand where your audience is going from one page to another. It'll also let you know what links they're interested in, what CTAs they're clicking, and more.

With the new Google Analytics 4, link click tracking happens automatically. This is great, because previous versions of Google Analytics haven't been able to do it automatically. You used to have to set up custom event tracking, which can be confusing.

But we're here to help. If you haven't set up Google Analytics 4 yet and you aren't sure how to get started with tracking clicks on a link, keep reading.

→ Download Now: SEO Starter Pack [Free Kit]

1. Add a Google Analytics 4 property to your site.

In Google Analytics 4, you can automatically track links. While GA4 rolled out in October 2020, your site won't automatically switch to GA4. You need to set it up.

To do this, click "Admin" on the bottom left of your Google Analytics home page. Then, ensure the right account is selected, and in the "Property" column you'll see a GA4 setup assistant. Go through the process (takes a minute or so), and then click "Create Property."

You should be all done now and you'll have GA4 set up.

2. Click "See your GA4 property."

Once you're done setting up GA4, you should be able to click "See your GA4 property." This will give you all the information on your property that you need.

Before you continue, it's a good idea to explore around and see what's new in GA4.

3. Click "Data Streams."

Now that you've explored and set up your GA4 property, you'll want to click "Data Streams" in the left column.

This will give you detailed information about what GA4 is tracking for your site.

4. Click your site.

Lastly, you just need to click on your site, and you should see the enhanced measurement. It should automatically be toggled on.

This feature automatically tracks events such as page views, scrolls, outbound link clicks, site search, video engagement, and file downloads.

To see this information, your GA homepage should have an area now called "Events" where you can see outbound link clicks.

This is what it looks like when you see enhanced measurements:

Google Analytics 4 enhanced measurements feature.

5. Set up custom link clicks.

Now you've officially set up certain link tracking in the future. While this feature will help you track a number of events, you might want to track certain links clicks specifically. In this case, you'll want to set up custom link clicks.

You can do this through Google Tags Manager. If you don't already have an account, create an account for your site and connect to your GA4 property.

You can learn more about event editing in GA4 by watching this video:

Essentially, you'll need to create a trigger to distinguish between the custom links you want to track and the page views and outbound clicks that the enhanced measurement feature is tracking.

Go to your Google Tags Manager and add a new trigger. Then, you'll have to connect this trigger to your events tracking.

Watch this video to learn how to set up Google Tags Manager with your GA4 property.

While this is all great if you're converting your current analytics account to GA4, it will only track these link clicks going forward. It's not retroactive.

Now, let's discuss how to track Google Analytics click events if you aren't using GA4.

How to Track Clicks in Older Versions of Google Analytics

If you aren't using GA4, then you'll need to use Google Tags Manager. We have an in-depth guide to help you navigate the tags manager, because it can be confusing.

Without GA4, the process is the same as setting up custom events. Google Analytics didn't have the capability to automatically track link clicks before GA4.

While it does now, you might not be using GA4, and still want to track those links.

That's okay. You can read our in-depth guide, watch the videos in step 5, and review how to set up custom link click tracking through the Google Tags Manager.

While it might seem confusing to set up, there are numerous resources available from Google to help you set up custom event tracking. And it's worth it. Knowing where your customers are clicking and being able to attribute a certain amount of clicks from one blog post to another is invaluable information.

marketing



from Marketing https://blog.hubspot.com/marketing/google-analytics-track-clicks

If you're a marketer, you've undoubtedly asked yourself, "How can I track clicks on a link in Google Analytics?"

Tracking clicks can help you understand where your audience is going from one page to another. It'll also let you know what links they're interested in, what CTAs they're clicking, and more.

With the new Google Analytics 4, link click tracking happens automatically. This is great, because previous versions of Google Analytics haven't been able to do it automatically. You used to have to set up custom event tracking, which can be confusing.

But we're here to help. If you haven't set up Google Analytics 4 yet and you aren't sure how to get started with tracking clicks on a link, keep reading.

→ Download Now: SEO Starter Pack [Free Kit]

1. Add a Google Analytics 4 property to your site.

In Google Analytics 4, you can automatically track links. While GA4 rolled out in October 2020, your site won't automatically switch to GA4. You need to set it up.

To do this, click "Admin" on the bottom left of your Google Analytics home page. Then, ensure the right account is selected, and in the "Property" column you'll see a GA4 setup assistant. Go through the process (takes a minute or so), and then click "Create Property."

You should be all done now and you'll have GA4 set up.

2. Click "See your GA4 property."

Once you're done setting up GA4, you should be able to click "See your GA4 property." This will give you all the information on your property that you need.

Before you continue, it's a good idea to explore around and see what's new in GA4.

3. Click "Data Streams."

Now that you've explored and set up your GA4 property, you'll want to click "Data Streams" in the left column.

This will give you detailed information about what GA4 is tracking for your site.

4. Click your site.

Lastly, you just need to click on your site, and you should see the enhanced measurement. It should automatically be toggled on.

This feature automatically tracks events such as page views, scrolls, outbound link clicks, site search, video engagement, and file downloads.

To see this information, your GA homepage should have an area now called "Events" where you can see outbound link clicks.

This is what it looks like when you see enhanced measurements:

Google Analytics 4 enhanced measurements feature.

5. Set up custom link clicks.

Now you've officially set up certain link tracking in the future. While this feature will help you track a number of events, you might want to track certain links clicks specifically. In this case, you'll want to set up custom link clicks.

You can do this through Google Tags Manager. If you don't already have an account, create an account for your site and connect to your GA4 property.

You can learn more about event editing in GA4 by watching this video:

Essentially, you'll need to create a trigger to distinguish between the custom links you want to track and the page views and outbound clicks that the enhanced measurement feature is tracking.

Go to your Google Tags Manager and add a new trigger. Then, you'll have to connect this trigger to your events tracking.

Watch this video to learn how to set up Google Tags Manager with your GA4 property.

While this is all great if you're converting your current analytics account to GA4, it will only track these link clicks going forward. It's not retroactive.

Now, let's discuss how to track Google Analytics click events if you aren't using GA4.

How to Track Clicks in Older Versions of Google Analytics

If you aren't using GA4, then you'll need to use Google Tags Manager. We have an in-depth guide to help you navigate the tags manager, because it can be confusing.

Without GA4, the process is the same as setting up custom events. Google Analytics didn't have the capability to automatically track link clicks before GA4.

While it does now, you might not be using GA4, and still want to track those links.

That's okay. You can read our in-depth guide, watch the videos in step 5, and review how to set up custom link click tracking through the Google Tags Manager.

While it might seem confusing to set up, there are numerous resources available from Google to help you set up custom event tracking. And it's worth it. Knowing where your customers are clicking and being able to attribute a certain amount of clicks from one blog post to another is invaluable information.

marketing

via Perfecte news Non connection

How to Use the Rule of Thirds in Web Design [Quick Tip]

To understand the "rule of thirds" as it relates to web design, let's start with an example.

Consider this image of a bull in a field:

bull in center of field, symmetrical design example

Not too interesting, right? As the center of the image, the bull image feels a little bland and predictable. I'm willing to bet if you saw this image on a website, you wouldn't dwell on it too long.

Now, consider what changes when we use the rule of thirds to place the bull away from the center:

bull towards right of field, asymmetrical and an example of rule of thirds

A little more interesting, right?

The rule of thirds can help make your designs feel less predictable and more intriguing. And, ultimately, it has the power to capture the viewer's attention for longer — which is critical when you're trying to capture new audiences and convert those audiences into leads for your brand.

Of course, there are exceptions to every rule. Perhaps you'll decide your designs are more compelling when they're symmetrical. Still, you can only make the intentional decision for your own website after you've explored your options.

Here, we'll learn how to use the rule of thirds in design and UI design to take your images to the next level.

Click here to download our full collection of free templates for designing stunning visual content including infographics and more.

How to Use the Rule of Thirds in Design

Simply put, the rule of thirds posits that designs are more interesting and visually appealing when you place the main object(s) of your design on one of the four intersections of a rule of thirds grid, or in one of the thirds sections.

It's no secret that art is more than just guesswork. Dating back to Ancient Roman times, geometry has always had a place in significant artwork.

To understand the rule of thirds, let's look at an example.

The rule of thirds draws two lines perpendicular to a page, and two lines horizontal to a page, to create a grid of nine boxes.

This divides your page into three one-third sections, regardless of whether you're slicing the image horizontally or vertically:

rule of thirds grid example

Next, to use the rule of thirds in design, you'll simply want to place your object(s) off-center by putting them into one of the thirds sections:

the left and right thirds section on a rule of thirds grid

… Or on one of the intersecting points:

the intersecting points on a rule of thirds grid

In the example shown above, the main focal point — the mountain top — is off to the left-side of the center of the image, in the first-third of the photo.

Fortunately, it's easy enough to use the rule of thirds in your own images using a design tool like Photoshop, which offers a grid feature so you can ensure you're accurately using the rule of thirds to create a more harmonious, interesting design.

Let's dive into how you can create the rule of thirds grid in Photoshop in four quick steps, next. 

How to Create Rule of Thirds in Photoshop

1. To use Photoshop's rule of thirds tool, simply open a blank page in Photoshop and click "View" → "Show" → "Grid":

creating rule of thirds grid in photoshop. Go to show > grid first.

2. Next, go to "Preferences" → "Guides, Grid & Slices":

creating rule of thirds grid in photoshop. Go to preferences > guides, grid, and slices.

3. Next, choose the color of the grid lines, along with the solid line. Then, change "Gridline Every" to "100 Percent", with Subdivisions of "3". When you're done, click "OK".

guides, grids, slices in photoshop to use rule of thirds copy4. And there you have it! You now have a rule of thirds grid. To add your image, simply drag-and-drop the image onto the existing layered grid, expand it to fill the grid, and then move your focal object until it's either in one of the thirds sections, or on one of the four intersecting points.

A complete rule of thirds grid in Photoshop with an image transposed on top of it.

Examples of Rule of Thirds in UI Design

To consider the power of rule of thirds in user interface design, let's take a look at some website examples, with a particular focus on which websites use the rule of thirds.

1. Soulful Vibes Co.

Soulful Vibes Co. homepage, an example of rule of thirds in web design

Here, the designer puts the main focus — on the crystal rocks, and the beaded bracelet with an elephant — on the left and right thirds sections, ensuring the visitor's focus is on the center text itself: "It's not just a movement, it's a lifestyle."

The designer uses the rule of thirds to create a peaceful, harmonious, casual aesthetic that looks more open and welcoming than it would if both objects were front-and-center on the page, which would likely feel more crowded and hectic.

2. HubSpot 

HubSpot's homepage, an example of rule of thirds in web design

HubSpot uses rule of thirds to draw immediate attention to its slogan and "Get HubSpot free" CTA on the homepage, as most visitors' attention will start on the left side of your website. Then, the cartoon images are placed on the right thirds section, to balance out the page. This helps create a user flow — from left to right — which would be more difficult to achieve with a symmetrical design.

3. Frans Hals Museum

Frans Hal Museum homepage, an example of rule of thirds in web design

This Netherlands museum website uses the rule of thirds to draw attention to the photo of the woman, located in the left-thirds section. The page is unique, engaging, and cohesive, and uses counter-images to balance the asymmetrical structure of the page — for instance, while the larger image of the woman is towards the left of the screen, there's texts and additional images to the right to balance it out.

When to Break the Rules (of Thirds)

It's important to note — in design and art, there are no strict rules you need to follow, and there are exceptions to every design rule or trend.

Once you understand the rule of thirds and how it can impact a user's experience, you can break that rule when you see fit.

For instance, you might find it's more compelling to keep your images at the center of your screen, like shown on Tone Dermatology's homepage:

Tone Dermatology's homepage, an example of when you don't want to use rule of thirds (it looks better when it's symmetrical in this case).

Here, the center focus on the woman is compelling and bold, particularly since she's looking towards the left of the screen, so it's still an asymmetrical image (you only see her eyes and nose on the left, and you only see her hair on the right).

This design layout works well to draw the visitor's attention in — and likely wouldn't have been as powerful if the designer had used the rule of thirds to place the woman towards the left or right side of the screen.

Ultimately, you'll want to choose design elements that work best for your own brand's needs. When in doubt, experiment with both more symmetrical designs and rule of third designs, and consider A/B testing to figure out which performs best with your audience.

New Call-to-action



from Marketing https://blog.hubspot.com/marketing/rule-of-thirds-design

To understand the "rule of thirds" as it relates to web design, let's start with an example.

Consider this image of a bull in a field:

bull in center of field, symmetrical design example

Not too interesting, right? As the center of the image, the bull image feels a little bland and predictable. I'm willing to bet if you saw this image on a website, you wouldn't dwell on it too long.

Now, consider what changes when we use the rule of thirds to place the bull away from the center:

bull towards right of field, asymmetrical and an example of rule of thirds

A little more interesting, right?

The rule of thirds can help make your designs feel less predictable and more intriguing. And, ultimately, it has the power to capture the viewer's attention for longer — which is critical when you're trying to capture new audiences and convert those audiences into leads for your brand.

Of course, there are exceptions to every rule. Perhaps you'll decide your designs are more compelling when they're symmetrical. Still, you can only make the intentional decision for your own website after you've explored your options.

Here, we'll learn how to use the rule of thirds in design and UI design to take your images to the next level.

Click here to download our full collection of free templates for designing stunning visual content including infographics and more.

How to Use the Rule of Thirds in Design

Simply put, the rule of thirds posits that designs are more interesting and visually appealing when you place the main object(s) of your design on one of the four intersections of a rule of thirds grid, or in one of the thirds sections.

It's no secret that art is more than just guesswork. Dating back to Ancient Roman times, geometry has always had a place in significant artwork.

To understand the rule of thirds, let's look at an example.

The rule of thirds draws two lines perpendicular to a page, and two lines horizontal to a page, to create a grid of nine boxes.

This divides your page into three one-third sections, regardless of whether you're slicing the image horizontally or vertically:

rule of thirds grid example

Next, to use the rule of thirds in design, you'll simply want to place your object(s) off-center by putting them into one of the thirds sections:

the left and right thirds section on a rule of thirds grid

… Or on one of the intersecting points:

the intersecting points on a rule of thirds grid

In the example shown above, the main focal point — the mountain top — is off to the left-side of the center of the image, in the first-third of the photo.

Fortunately, it's easy enough to use the rule of thirds in your own images using a design tool like Photoshop, which offers a grid feature so you can ensure you're accurately using the rule of thirds to create a more harmonious, interesting design.

Let's dive into how you can create the rule of thirds grid in Photoshop in four quick steps, next. 

How to Create Rule of Thirds in Photoshop

1. To use Photoshop's rule of thirds tool, simply open a blank page in Photoshop and click "View" → "Show" → "Grid":

creating rule of thirds grid in photoshop. Go to show > grid first.

2. Next, go to "Preferences" → "Guides, Grid & Slices":

creating rule of thirds grid in photoshop. Go to preferences > guides, grid, and slices.

3. Next, choose the color of the grid lines, along with the solid line. Then, change "Gridline Every" to "100 Percent", with Subdivisions of "3". When you're done, click "OK".

guides, grids, slices in photoshop to use rule of thirds copy4. And there you have it! You now have a rule of thirds grid. To add your image, simply drag-and-drop the image onto the existing layered grid, expand it to fill the grid, and then move your focal object until it's either in one of the thirds sections, or on one of the four intersecting points.

A complete rule of thirds grid in Photoshop with an image transposed on top of it.

Examples of Rule of Thirds in UI Design

To consider the power of rule of thirds in user interface design, let's take a look at some website examples, with a particular focus on which websites use the rule of thirds.

1. Soulful Vibes Co.

Soulful Vibes Co. homepage, an example of rule of thirds in web design

Here, the designer puts the main focus — on the crystal rocks, and the beaded bracelet with an elephant — on the left and right thirds sections, ensuring the visitor's focus is on the center text itself: "It's not just a movement, it's a lifestyle."

The designer uses the rule of thirds to create a peaceful, harmonious, casual aesthetic that looks more open and welcoming than it would if both objects were front-and-center on the page, which would likely feel more crowded and hectic.

2. HubSpot 

HubSpot's homepage, an example of rule of thirds in web design

HubSpot uses rule of thirds to draw immediate attention to its slogan and "Get HubSpot free" CTA on the homepage, as most visitors' attention will start on the left side of your website. Then, the cartoon images are placed on the right thirds section, to balance out the page. This helps create a user flow — from left to right — which would be more difficult to achieve with a symmetrical design.

3. Frans Hals Museum

Frans Hal Museum homepage, an example of rule of thirds in web design

This Netherlands museum website uses the rule of thirds to draw attention to the photo of the woman, located in the left-thirds section. The page is unique, engaging, and cohesive, and uses counter-images to balance the asymmetrical structure of the page — for instance, while the larger image of the woman is towards the left of the screen, there's texts and additional images to the right to balance it out.

When to Break the Rules (of Thirds)

It's important to note — in design and art, there are no strict rules you need to follow, and there are exceptions to every design rule or trend.

Once you understand the rule of thirds and how it can impact a user's experience, you can break that rule when you see fit.

For instance, you might find it's more compelling to keep your images at the center of your screen, like shown on Tone Dermatology's homepage:

Tone Dermatology's homepage, an example of when you don't want to use rule of thirds (it looks better when it's symmetrical in this case).

Here, the center focus on the woman is compelling and bold, particularly since she's looking towards the left of the screen, so it's still an asymmetrical image (you only see her eyes and nose on the left, and you only see her hair on the right).

This design layout works well to draw the visitor's attention in — and likely wouldn't have been as powerful if the designer had used the rule of thirds to place the woman towards the left or right side of the screen.

Ultimately, you'll want to choose design elements that work best for your own brand's needs. When in doubt, experiment with both more symmetrical designs and rule of third designs, and consider A/B testing to figure out which performs best with your audience.

New Call-to-action

via Perfecte news Non connection

jueves, 29 de abril de 2021

What Does HTTP Error 503 (Service Unavailable) Mean & How To Fix It?

Imagine someone searches for a topic and finds your website on page one of Google. When they click through to your website, though, their eyes land on a bland webpage that says "Service Unavailable".

What do you think they'll do when they find your website on Google again? Odds are, they'll skip over it and click on the next link. If visitors are looking for answers and you're promising them those answers, but you can't deliver because something's wrong with your website, they'll lose trust in your brand.

Unfortunately, if your website experiences a 503 Service Unavailable Error, there's no silver bullet solution. You have to investigate what's actually causing the issue, because even though these types of errors indicate what happened to your website, they don't tell you why it happened.

To help you fix your 503 Service Unavailable Error and avoid losing potential customers, check out our guide on what exactly the issue is and its most common solutions.

→ Download Now: SEO Starter Pack [Free Kit]

When your website is experiencing a 503 Service Unavailable Error, your site's visitors will land on an error page. Fortunately, there are five common solutions for troubleshooting most 503 Service Unavailable Errors.

1. Restart your server.

Sometimes, there will be congestion in the server chain that hosts your website. One of the most effective ways to open up and refresh it is to simply restart your web server. If your website is hosted on multiple servers, make sure you restart all of them to get it running again.

2. Check to see if your web server is going through maintenance.

Most web servers shut down when they're going through maintenance. If you can access your server's administration settings, check the configuration options to see when automatic maintenance sessions are scheduled. If you'd rather have complete control over your server's maintenance, you can disable these automatic updates in the configuration options, too.

3. Fix faulty firewall configurations.

Your firewall is your website's gatekeeper, protecting your site from malicious visitors or distributed denial-of-service (DDoS) attacks. Sometimes, a faulty firewall configuration will cause your firewall to deem requests from a content delivery network as an attack on your server and reject them, resulting in a 503 Service Unavailable Error. Check your firewall configuration to pinpoint and fix the issue.

4. Sift through your server-side logs.

There are two types of server-side logs -- applications logs and server logs. Application logs recount your website's entire history, letting you see the web pages requested by visitors and the servers it connected to. Server logs provide information about the hardware running your server, revealing details about its health and status. Sift through both types of server-side logs to uncover any alarming information about your server or website.

5. Comb through your website's code to find bugs.

If there's a mistake in your website's code, your web server might not be able to correctly answer requests from a content delivery network. Comb through your code to find bugs or copy your code into a development machine. It'll perform a thorough debug process that will simulate the exact situation your 503 Service Unavailable Error occurred in and allow you to find the exact moment things went wrong.

Any time there's an error on your site, it's important to fix it as soon as you can. If customers get errors, they probably won't come back to your page.

Editor's note: This post was originally published in January 2019 and has been updated for comprehensiveness.

marketing



from Marketing https://blog.hubspot.com/marketing/http-503-server-unavailable

Imagine someone searches for a topic and finds your website on page one of Google. When they click through to your website, though, their eyes land on a bland webpage that says "Service Unavailable".

What do you think they'll do when they find your website on Google again? Odds are, they'll skip over it and click on the next link. If visitors are looking for answers and you're promising them those answers, but you can't deliver because something's wrong with your website, they'll lose trust in your brand.

Unfortunately, if your website experiences a 503 Service Unavailable Error, there's no silver bullet solution. You have to investigate what's actually causing the issue, because even though these types of errors indicate what happened to your website, they don't tell you why it happened.

To help you fix your 503 Service Unavailable Error and avoid losing potential customers, check out our guide on what exactly the issue is and its most common solutions.

→ Download Now: SEO Starter Pack [Free Kit]

When your website is experiencing a 503 Service Unavailable Error, your site's visitors will land on an error page. Fortunately, there are five common solutions for troubleshooting most 503 Service Unavailable Errors.

1. Restart your server.

Sometimes, there will be congestion in the server chain that hosts your website. One of the most effective ways to open up and refresh it is to simply restart your web server. If your website is hosted on multiple servers, make sure you restart all of them to get it running again.

2. Check to see if your web server is going through maintenance.

Most web servers shut down when they're going through maintenance. If you can access your server's administration settings, check the configuration options to see when automatic maintenance sessions are scheduled. If you'd rather have complete control over your server's maintenance, you can disable these automatic updates in the configuration options, too.

3. Fix faulty firewall configurations.

Your firewall is your website's gatekeeper, protecting your site from malicious visitors or distributed denial-of-service (DDoS) attacks. Sometimes, a faulty firewall configuration will cause your firewall to deem requests from a content delivery network as an attack on your server and reject them, resulting in a 503 Service Unavailable Error. Check your firewall configuration to pinpoint and fix the issue.

4. Sift through your server-side logs.

There are two types of server-side logs -- applications logs and server logs. Application logs recount your website's entire history, letting you see the web pages requested by visitors and the servers it connected to. Server logs provide information about the hardware running your server, revealing details about its health and status. Sift through both types of server-side logs to uncover any alarming information about your server or website.

5. Comb through your website's code to find bugs.

If there's a mistake in your website's code, your web server might not be able to correctly answer requests from a content delivery network. Comb through your code to find bugs or copy your code into a development machine. It'll perform a thorough debug process that will simulate the exact situation your 503 Service Unavailable Error occurred in and allow you to find the exact moment things went wrong.

Any time there's an error on your site, it's important to fix it as soon as you can. If customers get errors, they probably won't come back to your page.

Editor's note: This post was originally published in January 2019 and has been updated for comprehensiveness.

marketing

via Perfecte news Non connection

How to Map Your Ecommerce Customer Journey [Template Included]

We've talked a lot about the customer journey -- how it impacts sales, service, and marketers.

But one segment that feels a little different is the ecommerce customer journey. The customer journey is different from service based companies, because it can be much quicker (buying from Amazon or an Instagram ad).

However, if you work at an ecommerce company, it's important to understand the customer journey: all the touch points and stages.

Below, let's learn how to map your ecommerce company's customer journey. Plus, you can download some templates to help you get started.

Download Now: Free Customer Journey Map Templates

Touch points can include when someone sees a social media ad, when a friend tags them in a post online, when they come across your website, when they read a blog of yours, when your product shows up on Google, when they search on Amazon, etc.

The journey from when they first come in contact with you to when they purchase your product to if they reach out for a return is included in the ecommerce customer journey.

Writing down these touch points might make you realize that the journey on your website isn't ideal. If that happens, you can look for solutions to help you, like WooCommerce (a Wordpress plug in).

Now, let's explore the various stages of the ecommerce journey.

1. Awareness

The first stage of the ecommerce customer journey is awareness. During this stage, a potential customer is experiencing a problem and is doing research to understand their problem.

During this stage, customers are researching the issue they're having, seeing if it has solutions, overcoming misconceptions, and prioritizing solutions.

2. Consideration

In the consideration stage, potential customers are researching products and methods to solve their problem.

For example, let's say that I want to start a morning routine. I do some research on Google and see a few ads on social media and realize I want a morning routine journal.

Now that I know what I want to buy and how to fix my problem, it's time to research solutions. I'll go to Google and Amazon and see what morning routine journals are available and which ones have the best reviews.

3. Decision

During this stage, potential customers are now narrowing down their list to the top products they want to buy.

This is when they're learning what makes your product stand out from the competition, and why your product is the one they need. During this stage, it's important to understand the various touch points so you can communicate what makes your product unique.

4. Retention

For ecommerce, I decided to add one more stage to the customer journey. That stage is retention. After a customer buys your product, their experience and decision to buy from you again relies solely on the quality of your product and customer service.

Let's say the package was missing, delivered to the wrong address, or they want to return the product. If that experience doesn't go well, they won't buy from you again. If it does go well, they'll probably consider leaving a positive review.

Additionally, during the retention stage is when you can consider retargeting marketing and social media ads so more of your products show up for them online.

Once you've delighted your customers, they start to see you show up online, and want to engage with you, they'll buy from you again and again.

To learn more about ecommerce marketing, you can check out HubSpot Academy's free ecommerce marketing course.

Now that we understand the ecommerce customer journey, let's visualize it with a customer journey map.

Essentially, this map will be a visualization of the start-to-finish customer journey. The point of creating this map is to not only understand the customer journey, but also to plan how you're going to improve the customer experience at every touch point.

For example, HubSpot customer, CODE41, was able to optimize their ecommerce customer journey through HubSpot's Marketing Hub, Sales Hub, and Service Hub.

With Marketing Hub, CODE41 sends millions of emails (yes, millions) to their lists. With Sales Hub, they have the customer support team automate reminders to minimize the customer support failures: not following up on client requests, not forgetting to check payment status, etc.

Lastly, the company uses Service Hub to generate reports for how many tickets they have that were returned, complaints, repairs, etc. This helps them improve their customer experience and retention in the process.

If you want to get started with your own ecommerce customer journey map, you can use HubSpot's customer journey map template, where you'll brainstorm what the customer is thinking or feeling, what their actions are, what they're researching, and how they go from consideration to decision.

Customer journey map template

For more information, you can check out this post on customer journey thinking, and watch the video below to learn more:

Now, you might be wondering, "How do I create an ecommerce customer journey map?"

Well, first you'll create your buyer personas, and then envision what your ideal customer goes through when they're seeking your product.

Once you do that, take HubSpot's ecommerce marketing course, and download our templates, then you can just fill out the template and brainstorm how to improve the journey at every touch point.

Ecommerce customer journey mapping is an essential part of understanding your target audience and improving the customer experience. Focusing on providing the best customer experience will help retain customers and drive more leads and sales.

Apply for a job, keep track of important information, and prepare for an interview with the help of this free job seekers kit.



from Marketing https://blog.hubspot.com/marketing/ecommerce-customer-journey

We've talked a lot about the customer journey -- how it impacts sales, service, and marketers.

But one segment that feels a little different is the ecommerce customer journey. The customer journey is different from service based companies, because it can be much quicker (buying from Amazon or an Instagram ad).

However, if you work at an ecommerce company, it's important to understand the customer journey: all the touch points and stages.

Below, let's learn how to map your ecommerce company's customer journey. Plus, you can download some templates to help you get started.

Download Now: Free Customer Journey Map Templates

Touch points can include when someone sees a social media ad, when a friend tags them in a post online, when they come across your website, when they read a blog of yours, when your product shows up on Google, when they search on Amazon, etc.

The journey from when they first come in contact with you to when they purchase your product to if they reach out for a return is included in the ecommerce customer journey.

Writing down these touch points might make you realize that the journey on your website isn't ideal. If that happens, you can look for solutions to help you, like WooCommerce (a Wordpress plug in).

Now, let's explore the various stages of the ecommerce journey.

1. Awareness

The first stage of the ecommerce customer journey is awareness. During this stage, a potential customer is experiencing a problem and is doing research to understand their problem.

During this stage, customers are researching the issue they're having, seeing if it has solutions, overcoming misconceptions, and prioritizing solutions.

2. Consideration

In the consideration stage, potential customers are researching products and methods to solve their problem.

For example, let's say that I want to start a morning routine. I do some research on Google and see a few ads on social media and realize I want a morning routine journal.

Now that I know what I want to buy and how to fix my problem, it's time to research solutions. I'll go to Google and Amazon and see what morning routine journals are available and which ones have the best reviews.

3. Decision

During this stage, potential customers are now narrowing down their list to the top products they want to buy.

This is when they're learning what makes your product stand out from the competition, and why your product is the one they need. During this stage, it's important to understand the various touch points so you can communicate what makes your product unique.

4. Retention

For ecommerce, I decided to add one more stage to the customer journey. That stage is retention. After a customer buys your product, their experience and decision to buy from you again relies solely on the quality of your product and customer service.

Let's say the package was missing, delivered to the wrong address, or they want to return the product. If that experience doesn't go well, they won't buy from you again. If it does go well, they'll probably consider leaving a positive review.

Additionally, during the retention stage is when you can consider retargeting marketing and social media ads so more of your products show up for them online.

Once you've delighted your customers, they start to see you show up online, and want to engage with you, they'll buy from you again and again.

To learn more about ecommerce marketing, you can check out HubSpot Academy's free ecommerce marketing course.

Now that we understand the ecommerce customer journey, let's visualize it with a customer journey map.

Essentially, this map will be a visualization of the start-to-finish customer journey. The point of creating this map is to not only understand the customer journey, but also to plan how you're going to improve the customer experience at every touch point.

For example, HubSpot customer, CODE41, was able to optimize their ecommerce customer journey through HubSpot's Marketing Hub, Sales Hub, and Service Hub.

With Marketing Hub, CODE41 sends millions of emails (yes, millions) to their lists. With Sales Hub, they have the customer support team automate reminders to minimize the customer support failures: not following up on client requests, not forgetting to check payment status, etc.

Lastly, the company uses Service Hub to generate reports for how many tickets they have that were returned, complaints, repairs, etc. This helps them improve their customer experience and retention in the process.

If you want to get started with your own ecommerce customer journey map, you can use HubSpot's customer journey map template, where you'll brainstorm what the customer is thinking or feeling, what their actions are, what they're researching, and how they go from consideration to decision.

Customer journey map template

For more information, you can check out this post on customer journey thinking, and watch the video below to learn more:

Now, you might be wondering, "How do I create an ecommerce customer journey map?"

Well, first you'll create your buyer personas, and then envision what your ideal customer goes through when they're seeking your product.

Once you do that, take HubSpot's ecommerce marketing course, and download our templates, then you can just fill out the template and brainstorm how to improve the journey at every touch point.

Ecommerce customer journey mapping is an essential part of understanding your target audience and improving the customer experience. Focusing on providing the best customer experience will help retain customers and drive more leads and sales.

Apply for a job, keep track of important information, and prepare for an interview with the help of this free job seekers kit.

via Perfecte news Non connection