Blog Home
  • Tips on how to hide that big ugly paypal checkout button in Shopify

    If you run a Shopify store and you use Paypal to collect payment, you have probably seen this button on the first page of your checkout pagepaypal button which forces almost all customers to click on it.

    This is generally not a good thing, cause it does not take customers through the normal flow of entering billing, shipping information, applying coupon code for any discount and then pay. It takes users off your Shopify site to Paypal and customer will be looking at an order total that does not include shipping or cannot apply any coupon code. It will surely confuse your customers and confused customers are not good for conversions.

    The best way is to hide the Paypal checkout button and allow customer to finish the normal checkout flow before going to Paypal to submit payment.

    So first go to Template Editor under Themes in Shopify Admin page.

    check for the presence of a checkout.css or checkout.css.liquid file under Assets in theme editor.

    If you do not have such a file, create a new file called checkout.css. It is best to get the latest version from Shopify here. Save the file locally and added to Assets section of your theme.

    If you already have a file, add the following text to the file and save.

    #gateway-logos img {
      display:none;
    }

    This will hide the Paypal checkout button on the first page. After customers fill out their billing address and shipping address, pick a delivery method and apply any coupon code, they will be able to pay using Paypal.

    That is the way things should be.

  • Related products in Shopify

    We get requests from clients that they want to be able to display related products for selected products manually. There are ways to automatically suggest multiple products for each product but clients wanted to control the suggestions.

    So we used metafields for products to store suggested produfts. Clients would use Webify’s free metafields editor application to create one metafield for each suggested products.

    We updated their themes to read the suggestion metafields for each product and if there is any, display them on the product page.

    This way means more work for clients but it does give them better control.