Naming Things In CSS Grid Layout

When first learning how to use Grid Layout, you might begin by addressing positions on the grid by their line number. This requires that you keep track of where various lines are on the grid, and also be aware of the fact the line numbers reverse if your site is displayed for a right-to-left language.

Naming Things In CSS Grid Layout

Built on top of this system of lines, however, are methods that enable the naming of lines and even grid areas. Using these methods enables easier placement of items by name rather than number, but also brings additional possibilities when creating systems for layout. In this article, I’ll take an in-depth look at the various ways to name lines and areas in CSS Grid Layout, and some of the interesting possibilities this creates.

The post Naming Things In CSS Grid Layout appeared first on Smashing Magazine.

Taken from – 

Naming Things In CSS Grid Layout

Your Blog Design is Bollocks (And How You’re Gonna Fix it)

One page, one purpose. If you’ve spent any time in the CRO world, or read even a single article on landing page optimization, you’ll have heard this catchy little slogan. And yet, unlike the majority of marketing advice containing little substance, this is a phrase which can drastically change the effectiveness of your site’s pages. How? By focusing your page’s intent. Having only one purpose removes extraneous CTAs, helps target your messaging, and makes it easier to track actual success. I mean, if your page has 10 CTAs (and we assume each has an equal chance of being taken) then…

The post Your Blog Design is Bollocks (And How You’re Gonna Fix it) appeared first on The Daily Egg.

Excerpt from: 

Your Blog Design is Bollocks (And How You’re Gonna Fix it)

Why Spending $1,000 on Instagram Influencer Marketing is Worth It

instagram influencers

You might have noticed that influential Instagrammers are doing a lot of promotions for brands relevant to their niche. Being such a visual platform, Instagram may be the best platform for you to run your influencer marketing campaign. Maybe you’re tempted to try it out, but you’re not too keen on investing in a platform that you’re not sure would deliver results. So let’s take a look at some of the reasons why it’s worth it to spend your marketing dollars on Instagram influencer marketing. You’ll Reach a Massive Audience While Facebook still dominates social media usage, Instagram is the…

The post Why Spending $1,000 on Instagram Influencer Marketing is Worth It appeared first on The Daily Egg.

Continue reading – 

Why Spending $1,000 on Instagram Influencer Marketing is Worth It

Content Marketer’s Guide to Conversion Rate Optimization

Your website is your number one tool for lead generation and likely your number one customer acquisition tool as well. An appealing site that catches your visitor’s eye is great, but what if that traffic is making zero impact on your bottom line?

It’s a common problem. In fact, the global eCommerce conversion rate in Q4 2016 was a mere 2.95%. So if your business is hovering around this rate, you are not alone. Competition continues to rise, making it even harder for businesses to drive online sales. To help you identify where your conversion rate optimization (CRO) strategy may be failing you and how to improve this strategy, we’ve narrowed down the best possible methods:

Write Compelling Content

Most people don’t actually read the majority of web copy, so this suggestion may come as a surprise. They may skim and absorb the headlines that stand out, but for the most part, do not read word for word. The reason for this is simple: web content is often poorly written.

So remember these points to attract readers and boost conversions with your content:

  • Voice: Use a unique voice that’s consistent across all of your marketing channels.
  • Be provocative: When appropriate, use suggestive headlines and copy that speak to your users about their frustrations.
  • Entertain: Even the driest topics can entertain readers if written well. If a particular page isn’t geared toward informing or educating the reader, it should at least be enjoyable to read.
  • Be professional: Avoid exclamation points. If you need to communicate excitement, use verbs.
  • Cite sources: It’s frustrating to read content that makes unsupported claims. If you are sharing your own perspective on a matter, cite the original.

Forms – Where the Conversion Happens

The form on your landing page is the most important component of your conversion strategy. It’s the final step an individual takes before becoming a lead or customer. With that in mind, it’s important to consider the following:

Number of fields

The optimal number of fields for your business will depend on your offer, but try to make it as few as possible. Only ask for the details you need from your leads. The more fields on your form, the easier it is for a contact to get overwhelmed with the effort involved and bounce (especially for those browsing mobile devices).

Placement

As we discussed earlier, people tend to skim web pages and look for key elements. If your conversion opportunity (form) appears below the fold, visitors may not even see it. Make sure it’s visible on all devices upon landing on the page, without the need to scroll, pinch, or zoom.

Form Errors

There’s nothing more frustrating than filling out a form three times only to get an unsuccessful error without any indication as to which part of the form was not filled out correctly. Make sure form errors are visible and descriptive.

Run Split Tests on Landing Pages

Split testing, also known as A/B testing, is when businesses run experiments to determine which elements of their strategy are more effective. By creating two different versions of landing pages to run at the same time, it’s easier to pinpoint what’s driving conversions and what’s not.

Here are some examples of different elements of your conversion strategy you can split test:

  • Button color
  • Headlines
  • Copy
  • Forms
  • Page layout
  • Images

You can track the results of your split tests in Google Analytics; but using tools like Unbounce, Optimizely, or HubSpot can allow you to manage your experiments a little easier.

PRO TIP: Ensure that you are extracting meaningful data from your tests. The split test results may show you which call-to-action (CTA) performed better, but what information can you take away from that experiment to help your next CTA?

Establish Trust

It doesn’t matter how strong your offer is if your visitors don’t feel they can trust you. This is particularly important for eCommerce businesses. Why would shoppers give you their credit card information if they are the slightest bit apprehensive?

Include these elements on your landing and product pages, where the user is preparing to make a decision:

  • Badges: Antivirus, PayPal, Verisign for example
  • Reviews and Seller Ratings: Here is a list of the ones that Google recognizes, which means they stand to improve your click-through rate as well.
  • Testimonials: Include an image of the customer if possible (get permission first!).
  • Dynamic Social Proof: Yieldify has a tool that shows you how many people viewed a page or product in a given time frame. The same is used in travel industry when you see “300 people viewed this property today.” The same buyer psychology works for products in eCommerce.

Leverage Design Best Practices

If your website is not responsive (doesn’t adapt to the user’s screen size), this could be the number one reason for your low conversion rates. As desktop browsing continues to give way to mobile, your website needs to be optimized for mobile devices of all sizes.

The look and feel of your website should have character. A common trend in design currently is the minimalistic white look. But what’s memorable about that? Use about 2 to 3 of your brand colors throughout the site and do a side-by-side comparison with your competitor’s site to ensure that yours is unique.

At all costs, avoid using stock photos. These are typically unrelatable and generic. Invest in quality photography of your products, office, and team. You’ll be surprised how effective these images can be in establishing trust.

Incorporate Conversion-Driving Functionality

How can you expect visitors to convert on your website if it takes several seconds to load? People are impatient and can move to the next search engine result if your website loads too slowly. You can optimize your media and check your site load time periodically with Website Grader.

The goal of your website or landing page is to convert visitors so it’s important to keep them focused. Avoid unnecessary overlays or pop-ups that may be distracting.

Visitor experience on your website plays a key role in their decision to convert. This includes being able to serve your visitors the information that meets their needs, which is where personalization comes in. Website personalization displays content tailored to your visitor characteristics, devices, or actions, facilitated through your CMS and marketing automation platform.

Offer Incentives

As eCommerce competition continues to grow, shoppers have endless opportunities to search for better deals. Offering an incentive and making it clear how to take advantage of it can be an extremely effective method to drive conversions. Create a page dedicated to promo codes and link to it in your main menu or share the code directly on the product page.

If visitors don’t see what they are looking for on your site (like a sale or promotion they saw on another channel), they’ll use your search bar. Analyzing the searches on your site is beneficial not only in determining what your visitors are looking for but also in encouraging conversions by allowing visitors to find what they are looking for. Ensure that your search bar is visible on all pages and devices.

Do Not Underestimate the Power of Advertising

Another particularly effective type of advertising is remarketing. Remarketing ads are displayed to individuals who have already visited your site.

There are plenty of ways to use remarketing ads to drive conversions and beneficial to re-engage:

  • Past visitors
  • Individuals who abandoned carts
  • Existing customers

Use Your Data

One of the most important ways to continuously optimize your conversion strategy is to leverage your data. Uncover details about your customers, how they are finding your site, and how they are engaging with it by analyzing the data collected from Google Analytics, your advertising campaigns, social media channels, email efforts, and any other tools you are using.

Conclusion

Remember, optimizing your conversion strategy should be an ongoing experiment. These tips can guide you in the right direction, but the effort should be that of constantly evolving and improving. Start with SMART goals, test your strategy, analyze results, and make improvements and adjustments accordingly.

Please Note: This is a guest Post by Peter Dulay. He is a conversion expert with over 10 years of experience in digital advertising and conversion. He has helped many startups and fortune 500 companies to boost their conversion by 400% and more.

The post Content Marketer’s Guide to Conversion Rate Optimization appeared first on VWO Blog.

Continue reading: 

Content Marketer’s Guide to Conversion Rate Optimization

How to Tailor Your eCommerce Payment Options for Teenage Customers

There’s an ecommerce audience that doesn’t get talked about much, but they’re buying online in massive and ever-increasing numbers. More than three-quarters of them buy online regularly. They flock to major brands like Amazon, but there are ways you can get in on the action too. Interested? I’m talking about young people. Under-18 teens are one of the most ecommerce-savvy populations out there – unsurprising when you consider that a person who’s 17 this year literally can’t remember a time without the internet. ‘They are the first generation to always have the internet at their disposal. They grew up in…

The post How to Tailor Your eCommerce Payment Options for Teenage Customers appeared first on The Daily Egg.

Original article: 

How to Tailor Your eCommerce Payment Options for Teenage Customers

How to Design a High Converting Mobile Lead Generation Flow

mobile lead

Everything is moving towards mobile. For examples, Google penalizes you if your site isn’t mobile optimized and Facebook Ad CPC (cost per click) is much cheaper on mobile compared to desktop. More than half of the world’s web traffic now comes from mobile phones. This means more and more potential customers are viewing your website on their phones. If you still haven’t optimized your site’s conversions for mobile user experience, then chances are you’re losing money. On top of that, audience targeting is way more successful on mobile than on desktop, so you can’t afford to put off mobile any…

The post How to Design a High Converting Mobile Lead Generation Flow appeared first on The Daily Egg.

Read this article: 

How to Design a High Converting Mobile Lead Generation Flow

Implementing A Service Worker For Single-Page App WordPress Sites

With so many JavaScript frameworks around, single-page application (SPA) websites seem to be all the rage nowadays. However, an SPA architecture has the drawback of having a slower first-page load than a server-based application, because all of the JavaScript templates used to render the HTML view must be downloaded before the required view can be generated.

Implementing A Service Worker For Single-Page App WordPress Sites
Enter service workers. Through service workers, all framework and application code to output the HTML view can be precached in the browser, thus speeding up both the first meaningful paint and the time to interact. In this article, I will share my experience with implementing service workers for PoP, an SPA website that runs on WordPress, with the goal of speeding up the loading time and providing offline-first capabilities.

The post Implementing A Service Worker For Single-Page App WordPress Sites appeared first on Smashing Magazine.

See more here – 

Implementing A Service Worker For Single-Page App WordPress Sites

4 Ways Your eCommerce Store Can Leverage Video (and Why It’s So Crazy Effective)

video for ecommerce

We’ve gone beyond the point of video being an up-and-coming trend. It’s here, and marketers should be using it to attract audiences and keep them engaged. That goes for eCommerce as much as any other industry. Data shows that video isn’t just effective when it comes to marketing. There’s also a continuously growing demand for content in video form. And while some 43% of consumers want to see brands produce more video, it’s not just the consumers who want more visual media. More than half of marketers worldwide say video delivers the best ROI. Additional data from HubSpot’s State of…

The post 4 Ways Your eCommerce Store Can Leverage Video (and Why It’s So Crazy Effective) appeared first on The Daily Egg.

Visit link:

4 Ways Your eCommerce Store Can Leverage Video (and Why It’s So Crazy Effective)

Real Estate Landing Pages (Our Customer Favorites + Why We Think They’re Great)

Whether you’re an independent realtor or work at a real estate agency, you can gain a competitive advantage if you have owned digital properties to drive your paid and social traffic to.

Owned properties — like landing pages — provide you more control in real estate versus relying on popular listing sites where the journey isn’t always clear, you can’t customize your call to action or match your branding.

In short, real estate marketing can really benefit from lead capture landing pages because they allow you to:

  • Establish and grow your mailing list, ensuring you can follow up with and remarket to interested prospects later.
  • Showcase properties especially well, creating urgency and delivering especially compelling offers (like granting early access to listings, for example).
  • Track social and paid campaigns better. With a listing site you don’t have access to metrics and can’t determine ROI as quickly as you can with a landing page.

Ultimately, you can use landing pages to understand exactly who is interested in a property, entice prospects to book appointments (or other offers) and wow new clients with on-brand design.

In this post I’ll break down some of the best ways to start using real estate landing pages with a few examples from Unbounce customers.

1. Showcase your listings (and grow your mailing list)

At minimum, every real estate broker needs a place to share listings online. But ideally, you’ll want to own the experience.

RE/MAX agents Matthew Davidson and Kimbe MacMaster know this first-hand.

These independent agents use Unbounce landing pages to showcase an overview of a property: quick stats, a photo gallery, a video and details on the community. And while a property is available, prospects can book a showing as the call to action:

Featuring trendy parallax scroll, this page converts at 0.38%. Click to view full-length landing page.

Once the listing is sold (nice work Matthew and Kimbe!), the CTA changes to allow interested parties to sign up for early notice for similar listings in the future:

This post-sale CTA swap is a terrific way to build your email list for advertising similar properties in the future.

Having used the Unbounce Loft template, Matthew and Kimbe can simply duplicate this page each time they need a dedicated place to feature a listing. This allows the duo to be listing-specific when they link from a Facebook or search ad, ensuring a seamless ad-to-landing-page experience for potential buyers.

According to the Unbounce Conversion Benchmark Report, 41.6% of marketers in real estate have at least one page that converts under 1.3%, so Matthew and Kimbe’s conversion rate above is in line with what we see for many real estate marketers.

See how your conversion rates stack up in real estate (and nine other popular industries)

Download the Unbounce Conversion Benchmark Report to see how your landing page performance compares to your competitors.

By entering your email you’ll receive other resources to help you improve your conversion rates.

2. Entice buyers with exclusive pre-sale info, floor plans, price lists and more

Booking viewings of individual properties is great, but what if the real estate you’re selling is still in development?

Working with large and small-scale real estate developers, Rennie helps their developer clients plan and execute all aspects of their marketing and sales strategy, including online advertising. As part of their online strategy, they create project-specific landing pages and direct all paid traffic to those pages to gather leads.

Here’s an example created for The Pacific by Grosvenor:

This real estate landing page currently converts at 7.92%. Click to view full-length page.

Jennie Sebastian, Rennie’s Digital Marketing & CRM Manager, shared that the marketing team typically has a kick-off meeting five to six weeks before a campaign. Once they determine targeting and put together a media schedule, creative — including development of the landing page — can begin.

The campaigns typically employ search ads, display, Facebook, Instagram and WeChat, but the team is always looking for new ways to reach their target audiences.

As many real estate marketers can likely empathize with, Jennie shared:

One of the biggest challenges in online marketing is coming up with a strong call to action that entices users to provide us with their personal information.

Depending on the phase of the project and assets available, CTAs range from, “Sign up now for early access” and “Download all floorplans now,” to “Book a private appointment now.”

Through numerous A/B tests the Rennie team has found that more specific CTAs convert significantly better than more generic ones, as they clearly articulate to a prospect what they are receiving in exchange for their information.

Which brings us to landing page idea number three…

3. Get prospects to picture themselves in their dream home with a virtual tour

Just as Jennie from Rennie told us above, compelling CTAs are very important in real estate marketing, and offering a virtual tour has proven to be very effective for their team:

We recently offered a virtual tour using special 360 degree photography for one of our projects in Calgary. After updating the CTA to “Take a virtual tour now,” we saw a significant increase in the conversion rate.

Here’s an example page of theirs, which converts at 4.15%:

Click to view the full-length landing page.

Clicking the CTA button triggers a form gating the tour:

Even if you can’t wrangle 360 photography, you can still get prospects to picture themselves in their dream home.

Simple videos, photo galleries, or even the hero image on your landing page can do the trick. But be sure to test.

Example test of hero image variants

Here’s an example from Coronation Properties via digital agency Rocket. They test variations of their pages with different key elements of a property featured in the hero image.

Here’s a variant wherein the bedroom is the hero shot:

And another where the kitchen takes the spotlight:

The takeaway here?

Get creative with videos, 360 tours, or even experimenting with your hero shot, to give clients a glimpse into the property that’s right for them.

4. Offer up relevant listings to abandoning visitors

While landing pages clearly offer a competitive advantage in real estate, you also want to ensure you’ve optimized your website for conversions.

As our customers at Brixio know, you can try out an Unbounce overlay to ensure you’re not missing out on conversion opportunities. Overlays allow you to show relevant offers to specific users at the perfect time, making them less likely to leave your website without converting

Unbounce Convertables

We love their idea for an overlay triggered to appear on exit to those leaving a website, tempting potential real estate buyers with off-market or exclusive listings.

Here’s a preview of what they had in mind:

With Unbounce, you can launch your overlay at any point during someone’s visit on your website: on exit, on arrival, after delay, on scroll and on click. Find out how Unbounce overlays work here.

5. Test a simple value prop to prompt more commitment-heavy offers

For marketers in the business of custom real estate, your offer of a tailor-made home is much more commitment-heavy than simply moving into an existing place.

This poses an interesting challenge: interested prospects likely have many questions, may be exploring many options and need a reason to trust you immediately.

Here’s agency Rocket’s solution: an on-brand, clear landing page (where prospects can “enquire today”):

This page converts at 1.84%. Click to view full-length landing page.

This small offer accompanied by all the fine details serves as a type of micro conversion, ensuring Manor Homes’ prospects have the chance to reach out and get the conversation started about a custom home.

Get creative with your own micro conversion incentives! For example, you may want to consider inviting prospects to download a collection of your custom homes to preview at their leisure.

6. Offer up relevant content marketing (so you can nurture leads later)

Plenty of businesses use content marketing to reach their target audience, and as Edina Realty knows, this applies to the real estate industry too.

As a subsidiary of Home Services of America, Edina Realty’s licensed pros guide customers through home buying and selling. To provide the most value to their clients, they deliver unique and useful content via custom landing pages.

Check out this Unbounce landing page they created to distribute their Ultimate Guide to Selling Your Home – it converts at a whopping 18%:

Click to view full-length landing page.

By combining content strategy with retargeting, Edina Realty is able to reach prospective leads throughout the funnel and deliver quality leads to their agents.

Hannah Kaeter, Digital Marketing Manager at Edina Realty, told us about the importance of educating leads:

One of the key challenges in our market is a low inventory of homes for sale at lower price points. With this challenge comes an opportunity to educate potential sellers — many of them first-time sellers — about the process so they can evaluate and make informed decisions about their own property and situation.

Ready to build your digital property?

Overall, the above examples illustrate the importance of having a dedicated place to send your paid and social traffic, which can make all the difference in whether you can track the ROI of your real estate marketing. This beats relying on common listing sites — especially in the case of condo developments or offers that require sophisticated branding or high commitment, like custom homes.

Replicate the success of these realtors with Unbounce’s real estate templates, and be sure to download our Conversion Benchmark Report for a breakdown of where you stand in this industry.

View this article – 

Real Estate Landing Pages (Our Customer Favorites + Why We Think They’re Great)

15 Tools for Uncovering the New Features Your Customers Want Most

Savvy entrepreneurs know to base their decisions on data rather than assumptions. Try as you might, the products and features that you think will resonate strongly with your audience often don’t. In order to refine your offering and produce something that creates real value for your audience (and in return, money for you), research is required. Here are 15 of my favorite tools that I use to determine what products, services and features my customers really want. 1. Answer The Public Google’s autosuggest is a great tool for learning about what people are searching for in a particular niche. Answer…

The post 15 Tools for Uncovering the New Features Your Customers Want Most appeared first on The Daily Egg.

Read More – 

15 Tools for Uncovering the New Features Your Customers Want Most