Fixed Docs Align and Added Side Nav

content/blog/abandoned-cart-solutions-cloud-based-solutions-vs-self-hosted-plugin-based-solutions.md

@@ -1,7 +1,7 @@
 ---
 path: '/blog/abandoned-cart-solutions-cloud-based-solutions-vs-self-hosted-plugin-based-solutions'
 date: '2019-09-18'
-title: 'Abandoned Cart Solutions: Cloud-Based Solutions VS Self Hosted Plugin Based Solutions'
+title: 'Abandoned Cart Recovery Solutions: SaaS  Vs Plugins'
 description: 'It’s time to move on from self hosted plugin based solutions to cloud based solutions (SaaS) for recovering your abandoned carts. And here we’ve given every reason as to why you should be doing so!'
 author: 'Ramesh Elamathi'
 image: '../images/abandoned-cart-solutions-cloud-based-solutions-vs-self-hosted-plugin-based-solutions/abandoned-cart-solutions-cloud-based-solutions-vs-self-hosted-plugin-based-solutions.png'
@@ -163,7 +163,7 @@ One may argue that using an SMTP service like Sendgrid, Mailgun or Mandrill will
 
 However, when you get to use a SaaS service like Retainful, emails are delivered from dedicated IP pools. Our systems continuously monitor the IP pools and keep a tab on the reputation of each IP which means, the email deliverability is quite higher.
 
-With <link-text url="https://www.retainful.com/pricing" rel="noopener" target="_blank"> Retainful’s Business Plan</link-text>, you can also choose to send the email from your own domain name.
+With <link-text url="https://www.retainful.com/pricing" rel="noopener" target="_blank"> Retainful’s Business Plan,</link-text> you can also choose to send the email from your own domain name.
 
 If you are still quite not clear, here’s a table that can help you understand better
 

content/blog/how-to-reduce-checkout-time-in-a-shopping-cart.md

@@ -0,0 +1,246 @@
+---
+title: "How to Reduce Checkout Time in a Shopping Cart?"
+path: "how-to-reduce-checkout-time-in-a-shopping-cart"
+date: "2019-09-24"
+Keywords: "abandoned cart, shopify abandoned cart, cart abandonment rate, average cart abandonment rate,shopify checkout page design, abandonment cart recovery"
+description: "Your faulty eCommerce checkout page design leads to cart abandonment. Surprised? Get an insight into how to reduce checkout time by optimizing the design."
+author: "Sharon Thomas"
+image: "../images/how-to-reduce-checkout-time-in-a-shopping-cart/how-to-reduce-checkout-time-in-a-shopping-cart.png"
+thumbnail: "../images/how-to-reduce-checkout-time-in-a-shopping-cart/how-to-reduce-checkout-time-in-a-shopping-cart.png"
+---
+
+Straight to the point…
+
+The global average cart abandonment rate at present stands at 75.6%. This means 7 out of 10 shoppers abandon their carts. Moreover, 28% of people pointed out complicated and long checkout as the reason for a WooCommerce or Shopify abandoned cart.
+
+One way to tackle this problem is to better the checkout page design.With superior design, comes along better user experience, satisfied-returning customers, and a happy you.
+
+<toc></toc>
+
+
+## 8 Design Strategies for a Faster Shopping Cart Checkout
+
+</br>
+
+Learn 8 ways to reduce checkout time in a shopping cart by bringing about changes to the design. The irony is that these methods also double up as <link-text url="https://www.retainful.com/blog/abandoned-cart-solutions-cloud-based-solutions-vs-self-hosted-plugin-based-solutions" rel="noopener" target="_blank">abandoned cart solutions.</link-text>
+
+The basis of all of these strategies is just one attribute - being minimal. Declutter your design page and only present what the customer expects.
+
+Eager to know more?
+
+Dive in!
+
+
+### Field optimization
+
+Checkout pages without fields are rare to find. So, fields must be optimized in the first place to reduce checkout time in a shopping cart. This eventually leads to a better Shopify checkout page design.
+
+Field optimization can be done in 5 ways.
+
+#### Cut down the number of fields
+
+</br>
+
+Research by Baymard revealed that <link-text url="https://baymard.com/blog/checkout-flow-average-form-fields" rel="noopener nofollow" target="_blank">the number of fields for an average checkout is 14 whereas the actual requirement is only half of it,</link-text>around 6 to 8.
+
+It is obvious that there are a number of unnecessary fields. Another survey by Baymard in 2017 brought to light the information that eCommerce customers would refrain from disclosing.
+
+![Cut down the number of fields](../images/how-to-reduce-checkout-time-in-a-shopping-cart/1-information-customers-do-not-wish-to-disclose.png)
+
+Remove mailchimp region text box from settings<link-text url="https://www.retainful.com/docs/woocommerce/retainful-abandoned-cart-recovery" rel="noopener" target="_blank">reduce cart abandonment</link-text> and checkout time.
+
+#### Mark both mandatory and optional fields
+
+Yes, you read that right. Mark both mandatory and optional fields. You are inviting the customer to fall into a state of dilemma when marking either only required fields or only optional fields.
+
+Make it clear and put it out there which are the fields that are optional and which ones are mandatory. In a checkout usability testing done by Baymard, <link-text url="https://baymard.com/blog/required-optional-form-fields" rel="noopener nofollow" target="_blank">the form completion rates were higher</link-text> when both the fields were clearly marked.
+
+Baymard suggests refraining from
+
+![Mark both mandatory and optional fields](../images/how-to-reduce-checkout-time-in-a-shopping-cart/2-field-marked-asoptional-inside-text-box.png)
+
+-   Marking the field as optional inside the text box.
+
+-   Giving a general statement ‘All fields are required’.  
+
+#### Form autocomplete
+
+Form autocomplete is one great trick for customers who have not registered with your Shopify eCommerce store. Repetitively filling out address forms when buying products online is so tiresome and boring indeed. Relieve them from this pain and let them breeze through the checkout process.
+
+The good news is that Google Autocomplete is automatically enabled for free for every Shopify page checkout design.Shopify themselves tested this feature and found to have saved time by <link-text url="https://www.shopify.com/blog/google-autocomplete" rel="noopener nofollow" target="_blank">20% in the checkout process.</link-text>
+
+#### Use Microcopy
+
+Have you found tiny texts in the shipping address forms of checkout pages?
+
+![Use Microcopy](../images/how-to-reduce-checkout-time-in-a-shopping-cart/3-microcopy-2.png)
+
+The above image shows a microcopy from the Madewell checkout page. The text assists the customer to enter valid information without making mistakes. This is the purpose of a microcopy. It supports by instructing and saves time as well.
+
+#### Avoid drop-down menus
+
+Clicking on a drop-down menu is considered as an extra step by the customer. It gets even problematic when the menus contain a number of options to choose from.
+
+<link-text url="https://baymard.com/blog/drop-down-usability" rel="noopener nofollow" target="_blank">Baymard suggests using drop-down menus</link-text> only when there are options more than 3 but less than 10. By this, the need to scroll through the menu can be avoided.
+
+What else to use in place of drop-down menus?
+
+Plain text fields and radio buttons.
+
+This usually applies to fields such as state, shipping method selection, and credit card type.
+
+### Streamline the checkout
+
+‘Streamline’ is the right word to be used here instead of ‘one-page checkout’. You can simply imagine the amount of information that needs to be crammed into a page if it is a single-page checkout. That would look hideous, long, and unappealing.
+
+Alternatively, it is a better option to have multiple tabs with less interference and just a handful of information to be keyed in.
+
+</br>
+
+![Streamline the checkout](../images/how-to-reduce-checkout-time-in-a-shopping-cart/4-streamlined-checkout.png)
+
+</br>
+
+For example, let’s consider the checkout page from the Madewell website. It is divided into 5 tabs - Shopping Cart, Shipping Address, Billing Address, Order review, Payment.
+
+The information to be entered in the pages is the following.
+
+-   Shipping Cart - Zip Code, Promotional Code. Shipping means is selected by default.
+
+-   Shipping Address - There are many fields but autocomplete is activated. Just one letter and that is settled.
+
+-   Billing Address - The same address as shipping is present by default.
+
+-   Order Review - Review and enter the card details to make the payment.
+
+The work to be done by the customer is very minimal and so the checkout happens in a jiffy. Try it out yourself.
+
+When the checkout is streamlined, there is no need to spend time on <link-text url="https://www.retainful.com/blog/how-to-recover-abandoned-checkouts-in-woocommerce" rel="noopener" target="_blank">recovering abandoned checkouts</link-text> with cart recovery emails and retargeting.
+
+### Offer guest checkout option
+
+37% of people attributed to ‘the site wanted me to create an account’ as a reason for increasing cart abandonment rate, according to a survey by Baymard Institute in 2017. It clearly reveals that the site visitors had no option to checkout as a guest and registration made mandatory.
+
+Mandatory registration consumes a significant amount of time. Even if it is 10s, it is of much value from the customers’ point of view. By eliminating this, two milestones are achieved - happy customer and less checkout time.
+
+Look at the screenshot below from ASOS. The online store has done it in a clever manner. This window pops up during the checkout process with two tabs - ‘New To Asos?’ and ‘Already Registered?’.
+
+New members have to option to sign up using social media profiles which makes it faster rather than having to create a new profile from scratch. They are also given the chance to proceed to checkout if uninterested to sign up.
+
+</br>
+
+![Offer guest checkout option](../images/how-to-reduce-checkout-time-in-a-shopping-cart/5-guest-checkout-option.png)
+
+</br>
+
+### Point out validation errors with messages
+
+It literally irks customers if errors are pointed out when the checkout is just a click away. It gives a sense of feeling that they have to do it all over again.
+
+So, make it a point to send out error messages, if any, then and there when the shipping address or any other form is being filled. This saves ample amount of time for the customers.
+
+The shipping address form of ASOS showed an error message when the number of characters exceeded the field limit. This makes the customer take action immediately in order to make use of the next address field.
+
+The possibilities of an abandoned cart can be reduced when the customers are told how to fix the errors in the messages.
+
+</br>
+
+![Point out validation errors with messages](../images/how-to-reduce-checkout-time-in-a-shopping-cart/6-validation-error-message.png)
+
+</br>
+
+In a nutshell, do two things.
+
+-   Point out the error.
+
+In the above example, the error is ‘the address is too long for our parcel’.
+
+-   Give a solution
+
+‘Enter max 35 characters’ is the solution and the website also highlights the characters to be deleted which helps customers take a quick decision.
+
+### Optimize mobile checkout
+
+Mobile eCommerce is on the rise. More people prefer to purchase online using their mobiles rather than desktops.
+
+On one hand, survey says, in 2017, mobile commerce brought in $156 billion in the US alone and is expected to rise to $420 billion by 2021. On the other hand, mobile conversion rates are the lowest at 0.55%. This is a stark contrast. Tapping into this will significantly <link-text url="https://www.campaignrabbit.com/blog/17-ways-to-increase-your-ecommerce-revenue-through-email-marketing" rel="noopener" target="_blank">increase eCommerce revenue</link-text>.
+
+All eCommerce websites must be mobile optimized without a doubt. Mobile optimization removes distractions that prevent the customer from shopping without hindrance. Page load time in mobile must be given prime importance.
+
+### Support easy cart editing
+
+Decisions do change just minutes before hitting the ‘pay’ button. In this case, the items added to the cart must be allowed to be edited easily.
+
+The checkout page of ASOS has the cart edit option.
+
+</br>
+
+![Support easy cart editing](../images/how-to-reduce-checkout-time-in-a-shopping-cart/7-cart-editing-ASOS-step1.png)
+
+</br>
+
+Clicking on the edit button takes you to another page where editing can be done.
+
+</br>
+
+![Support easy cart editing 1](../images/how-to-reduce-checkout-time-in-a-shopping-cart/8-cart-editing-ASOS-step2.png)
+
+</br>
+
+The access is easy here but it is a 2-step process. Cart editing should have been made possible on the checkout page itself.
+
+Madewell does it this way and makes it a 1-step process unless the customer wishes to purchase a completely different product.
+
+</br>
+
+![cart-editing-Madewell](../images/how-to-reduce-checkout-time-in-a-shopping-cart/9-cart-editing-Madewell.png)
+
+</br>
+
+In either case, accessibility is what counts. Customers must instantly know where to go in order to edit the items in the cart.
+
+### Express payment option
+
+With an express payment option, the customers use payment gateways like PayPal, Google Pay, and Apple Pay to complete the checkout.
+
+Advantage of using payment gateways
+
+-   Users need not give the cards and shipping details every time to make the payment. This saves time and increases <link-text url="https://www.flycart.org/blog/wordpress/best-security-practices-for-your-ecommerce-website" rel="noopener" target="_blank">your-ecommerce-website</link-text>
+
+-   The cart abandonment rate can be reduced just because of the trust people have on the payment gateways for processing information securely.
+
+   The image below shows a standard Shopify checkout page with option to pay using PayPal and Google Pay. This is given as the first option to the customer to make the payment while the alternative needs loads of information to be filled in.
+
+By using express payment, the eCommerce store uses the card and shipping details used in the payment gateway to process the payment and deliver the product.
+
+</br>
+
+![Express payment option](../images/how-to-reduce-checkout-time-in-a-shopping-cart/10-express-payment-option.png)
+
+</br>
+
+### Use dynamic checkout buttons
+
+</br>
+
+<link-text url="https://www.shopify.in/partners/blog/shopify-dynamic-checkout-buttons" rel="noopener nofollow" target="_blank">Dynamic checkout buttons</link-text> are a special feature of the Shopify checkout page design. A product can be quickly bought from the product page itself. This means skipping the cart page.
+
+For this, Shopify has dynamic checkout buttons that can be added to all or select product pages or homepage where ‘Add to Cart’ button is present.
+
+</br>
+
+![Use dynamic checkout buttons](../images/how-to-reduce-checkout-time-in-a-shopping-cart/11-dynamic-checkout-button.png)
+
+</br>
+
+Shopify also gives the option to brand the dynamic checkout button with the logos of payment gateways or simply use a phrase like ‘Buy it now’. The only drawback is that this feature is suited only for businesses where people are likely to buy a single product like furniture or mattress.  
+
+**Final Thoughts**
+
+Make it easier for the customer to finish the checkout process in the shortest time possible. Every minute changes made to the checkout page has an overall impact with reduced average cart abandonment rate and increased <link-text url="https://www.retainful.com/product/features/woocommerce" rel="noopener" target="_blank">customer retention</link-text>.
+
+A/B test your checkout pages and get to know where you are losing sales and revenue.
+
+Correct the issues and set things right.
+
+Just wait and things will fall in place.

content/pagecontents/about-us.md

@@ -13,19 +13,19 @@ keywords: "retainful, What is retinful, ecommerce abandoned cart solutions"
 
 <container>
 
-<row class="justify-content-center">
+<row class="justify-content-center align-items-center">
 
 <column size="6">
 
-<h3> Empowering eCommerce Stores WorldWide </h3>
+<h3> Helping eCommerce Stores WorldWide </h3>
 
 Retainful is an eCommerce solutions provider primarily focusing on helping online stores recover abandoned carts. And stores can do this by sending personalized follow-up emails, next order coupons, email drip campaigns, opt-in forms and every other possible thing that would help recover abandoned carts. You can find us at Shopify & WooCommerce for now. There’s more on our way!
 
 </column>
 
 <column size="6">
 
-<img src="../images/Empowering-eCommerce-Stores-WorldWide.png">
+<img src="../images/landingpage/Empowering-eCommerce-Stores-WorldWide.jpg">
 
 </column>
 
@@ -35,11 +35,11 @@ Retainful is an eCommerce solutions provider primarily focusing on helping onlin
 <br>
 
 
-<row class="justify-content-center">
+<row class="justify-content-center align-items-center">
 
 <column size="6">
 
-<img src="../../src/images/Priority-support.png">
+<img src="../images/landingpage/How-Have-We-Been-of-Use-to-Our-Customers.png">
 
 </column>
 
@@ -76,7 +76,7 @@ It’s a cycle with us here - we deliver memorable experiences to our customers,
       <span> <img src="../images/a4.svg" alt="image Here" style="width: 80%;"> </span>  
     </div>
     <div slot="card-body"> 
-       Connected Stores
+       <strong>Connected Stores</strong>
     </div>
 </card>
 
@@ -86,7 +86,7 @@ It’s a cycle with us here - we deliver memorable experiences to our customers,
       <span> <img src="../images/a5.svg" alt="image Here" style="width: 80%;"> </span>  
     </div>
     <div slot="card-body"> 
-       Carts Recovered
+       <strong> Carts Recovered </strong>
     </div>
 </card>
 
@@ -96,7 +96,7 @@ It’s a cycle with us here - we deliver memorable experiences to our customers,
         <span> <img src="../images/a3.svg" alt="image Here" style="width: 80%;"> </span>
     </div>
     <div slot="card-body">
-        Next Order Coupons Sent
+        <strong> Next Order Coupons Sent </strong>
     </div>
 </card>
 

static/robots.txt

@@ -13,6 +13,7 @@ Disallow: /category/
 Disallow: ?comments=*
 Disallow: /search?
 Disallow: /thanks
+Disallow: /standard-pricing-plans
 Disallow: */feed 
 Disallow: */comments 
 Disallow: /*?*