Make a Stunning WordPress Checkout Form That's Modern Like Shopify

Поділитися
Вставка
  • Опубліковано 28 чер 2024
  • Are you tired of struggling to make your WordPress checkout process look like Shopify? Have you tried to optimize it, but it just doesn't quite work?
    In this video, I'll show you how to make your WordPress checkout process look like Shopify.
    And the best part is, it's totally free! So if you're looking to make your WordPress checkout experience more like Shopify, then this video is for you.
    Products used in this video:
    SureCart www.wpcrafter.com/surecart
    Spectra www.wpcrafter.com/spectra
    And of course WordPress 🤩
    EXCLUSIVE WORDPRESS DEALS 2023
    🟡 SureCart -- www.wpcrafter.com/surecart (SAVE 50% Auto Applied)
    🟡 SureMembers -- www.wpcrafter.com/suremembers (SAVE 50% Auto Applied)
    🟡 Presto Player -- www.wpcrafter.com/prestoplayer (SAVE 33% Auto Applied)
    🟡 Astra Theme -- www.wpcrafter.com/astra (SAVE 10% Coupon WPCRAFTER)
    🟡 CartFlows -- www.wpcrafter.com/cartflows (SAVE 40% Auto Applied)
    🟡 Cloudways -- www.wpcrafter.com/cloudways (SAVE 20% Coupon WPCRAFTER)
    🟡 BuddyBoss -- www.wpcrafter.com/buddyboss (SAVE 10%)
    * Want to offer a discount to WPCrafter subscribers, contact me on my website
    BEST WORDPRESS PAGE BUILDERS
    🟡 Spectra -- www.wpcrafter.com/spectra
    🟡 Elementor -- www.wpcrafter.com/elementor
    🟡 Beaver Builder -- www.wpcrafter.com/beaverbuilder
    🟡 Divi -- www.wpcrafter.com/divi (SAVE 20%)
    BEST WORDPRESS HOSTING
    🟡 Full List -- www.wpcrafter.com/hosting
    🟡 Cloudways -- www.wpcrafter.com/cloudways (SAVE 20% Coupon WPCRAFTER)
    🟡 Hostinger -- www.wpcrafter.com/hostinger (SAVE 75%)
    🟡 NameHero -- www.wpcrafter.com/namehero (SAVE 70%)
    🟡 SiteGround -- www.wpcrafter.com/siteground (SAVE 70%)
    CONTACT WPCRAFTER
    ☑ Website -- www.wpcrafter.com
    ☑ Facebook Group -- / wpcrafter
    ☑ Twitter -- / wpcrafter
    ☑ Twitter -- / adampreiser
    All of the opinions expressed in this video are my own, I was not paid to make this video. Whenever there is a link in any of my videos, if there is a referral program available, please assume that you are clicking on a referral link.
  • Навчання та стиль

КОМЕНТАРІ • 41

  • @carlwebinar1571
    @carlwebinar1571 Рік тому

    Really good stuff Adam!

  • @visualmodo
    @visualmodo Рік тому

    Truly good work =D

  • @BneiAnusim
    @BneiAnusim Рік тому +1

    SureCart looks awesome! I'm planning to use it on a site I'm working on! Good job!

    • @WPCrafter
      @WPCrafter  Рік тому

      Thanks Alex. Would love to have you try it out.

  • @webdoze
    @webdoze Рік тому +1

    Nice tutorial Adam! SureCart is great and you can easily customise everything with any block plugin.

    • @WPCrafter
      @WPCrafter  Рік тому

      Thank you. Yes it's very flexable, while I prefer the block editor, you can accomplish the same with any page builder or block package. We also have some nice improvements in the capabilities for forms, coming really soon.

  • @brandalab-team
    @brandalab-team Рік тому

    Thank you so much once again Adam! See you in Athens dear friend! Greetings from Greece... Kosmas from BrandaLAB !!!

  • @I_Mackenzie
    @I_Mackenzie Рік тому +2

    Can you use it for physical products yet with variable shipping?

  • @aliansar66
    @aliansar66 Рік тому

    hi Adam! Thanks for the nice tutorial! I cannot see the Pay button in the mobile version... do you know why? Desktop has it normally

  • @vsiblmarketing
    @vsiblmarketing 11 місяців тому

    Wondering when physical products will be available soon - ready to buy when that happens.

  • @carlwebinar1571
    @carlwebinar1571 Рік тому

    Adam, I looked for the link to a full tutorial but I don't see one. What is the link?

  • @mywebguy
    @mywebguy Рік тому

    new to this - what is an Webhook endpoint URL?

  • @fortymileswest
    @fortymileswest Рік тому

    Great video Adam. Does SureCart play well with Kadence? Also, why are you using Spectra. I thought you were a Kadence ambassador?

  • @luispw
    @luispw Рік тому

    SureCart for the wiiiiiiiin!

  • @berolinastrassmann
    @berolinastrassmann Рік тому +1

    Thanks for this, Adam. If SureCart has its own payment gateways, how does this play with WooCommerce payment settings? Do these need to be erased (if I had these set up before?) or left out?

    • @tripellington
      @tripellington Рік тому

      SureCart is completely separate from WooCommerce, so you would have to recreate your products and connect up your payment methods for SureCart (and rebuild your product / store pages) and disable WooCommerce entirely.

    • @berolinastrassmann
      @berolinastrassmann Рік тому

      @@tripellington Thanks for the clarification. I will check it out. Woo immer e drives me crazy with the shipping & tax settings. Hope SureCart is simpler. Thanks again

    • @WPCrafter
      @WPCrafter  Рік тому +3

      Looks like Zack clarified, thanks Zack!! And yes, the tax setting in SureCart are so easy to implement, it's just a switch to turn it on really. And you get real time tax calculations powered by TaxJar, completely for free. This is why it's so easy to enable.

  • @carlwebinar1571
    @carlwebinar1571 Рік тому +2

    While editing the two column template, I don't have the section that says "dimensions" does that come from having Astra? If I'm using Thrive Theme Builder do I have to install Astra in order to have the dimensions section in the editor? Will that mess up TTB?

    • @maartenklem2272
      @maartenklem2272 Рік тому

      I don't have the dimensions option to add padding to the column either and am using Divi. Is it an update or something we need to do?

    • @relaxationsounds6981
      @relaxationsounds6981 Рік тому

      @@maartenklem2272 I use Divi as well...did you guys figure out how to fix the problem?

    • @vBailey
      @vBailey 11 місяців тому

      Product revisions have changed the sidebar options since the video was made - there's another row of tabs below "Checkout Form" and Block" -- "Settings" and "Design" ... look for the 'dimensions' in the "Design" tab. HTH

  • @JacksonPathilchirayil
    @JacksonPathilchirayil Рік тому

    This is great, but anything similar to do the same in WooCommerce which is same to Shopify checkout page

    • @WPCrafter
      @WPCrafter  Рік тому +2

      You can use the free CartFlows for that.

  • @remaxdigital2589
    @remaxdigital2589 Місяць тому

    I am from india i like the surecart but it doesn't have razorpay payment gateway integration and shiprocket logistic integration. without these surecart is useless for us. please add these as soon as possible

  • @CMIGLE-Konsult
    @CMIGLE-Konsult 10 місяців тому +1

    Gud day sir, hhow do we handle shipping, delivery and tracking with surecart?

    • @WPCrafter
      @WPCrafter  10 місяців тому

      Visit the SureCart UA-cam channel or documentation, its there :-)

  • @jom3afakhar534
    @jom3afakhar534 10 місяців тому

    When I type information on the checkout page,it disappears
    I don't know where the problem comes from
    Please reply, THANK YOU

  • @chaimkahana8249
    @chaimkahana8249 Рік тому +1

    Can you add local pick up option?

    • @WPCrafter
      @WPCrafter  Рік тому

      Sure. The checkout form is VERY flexable and allows you to add custom fields for anything you want. So you can add a custom radio box style option for the buyer to choose local pickup or shipping.

    • @chaimkahana8249
      @chaimkahana8249 Рік тому

      Thank you so much for replying right away
      By the way, I’m using you plug in Variation Swatches for WooCommerce very good plug-in, and I had some problems and you people were very helpful. Keep up your good work.

  • @tobiasclatt845
    @tobiasclatt845 Рік тому

    Whilst this looks good from the checkout point-of-view, I'm confused as to what information you can put into your product itself as it appears very limited. Am I right in saying physical products needing descriptions etc. are a no-no with Surecart, and it is only suited to downloadable items?

    • @WPCrafter
      @WPCrafter  Рік тому

      This is a checkout only, this is not the product page which can have whatever content you desire.

  • @kwsim539
    @kwsim539 Рік тому +1

    OK. Problems with this tutorial... First, there is no Dimensions section with a Padding slider for the column block in my editor. Second, I created custom classes to compensate for the missing Padding slider. However, the form column creates inline styles of 0 padding, so it overrides my custom class styles.

    • @akinsanmitaiwo7125
      @akinsanmitaiwo7125 Рік тому

      You may need spectra plugin enabled to have that. He had spectra installed during the tutorial.

  • @WeAreCryptoStock
    @WeAreCryptoStock 10 місяців тому

    I got stuck as well. Oh well moving on

  • @montrealquebec87
    @montrealquebec87 5 місяців тому

    There are the new MOST STEPS SKIPPED videos.

  • @shivatomix
    @shivatomix Рік тому

    Its a petty that SureCart uses actions and date transmissions through their US servers. In the FAQ, they say that they are GDPR-compliant. That just isn't true! In GDPR the website owner is not allowed to establish third party connections WITHOUT the consent from the user. That in mind it's not working for users, which don't give that consent via a cookie consent banner - SureCart then will just don't load.
    I was interested to buy it, but as a EU user it's not possible for me 😞
    Why not implementing the possibility to handle all data (exept the payment data, which are only send by a click from the user) locally?

    • @WPCrafter
      @WPCrafter  Рік тому +2

      SureCart is fully GDPR-compliant and I would invite you to read our terms which are found on our website. We are a US-based company, our servers are in the US, and data will be stored in the US. We follow two such mechanisms: a data processing addendum; and voluntary participation in the EU-US Privacy Shield Framework principles and the Swiss-US Privacy Shield Framework.
      We are following the same exact policies as all the online services you are already currently using.
      I would also like to specifically refer you to the Schrems II rulings as they pertain to data privacy/transfer. The Court of Justice of the European Union (CJEU) ruled that when you use the Standard Contractual Clauses (SCCs) as the basis for the transfer of personal data from the EU to the US (and a few other countries) on the basis of Standard Contractual Clauses, extra scrutiny and safeguards must be in place.
      Our DPA incorporates the new Standard Contractual Clauses (SCCs) published by the European Commission.
      Most issues related to storage of data are a political matter between the US-EU. In March 2022, the US and EU jointly announced a new data sharing agreement which makes this all a moot point. In October 2022, the new framework was enacted by the US government. In December 2022, the European Commission announced a draft decision on U.S. adequacy, paving the way for a replacement EU-U.S. data transfer deal to be adopted in 2023.
      In conclusion:
      - SCCs make data transfer possible now
      - The new US-EU agreement will also make data transfer possible, but with legal certainty
      But at the end of the day, someone should choose to use what they are most comfortable with.

  • @pipelinebrands
    @pipelinebrands Рік тому +1

    Always great tutorials. Does this work with WooComerce? I would choose Woo because they can Sync with my Printful Store

    • @WPCrafter
      @WPCrafter  Рік тому +3

      SureCart is a separate ecommerce platform entirely. And it's the most flexable and full-featured ecommerce platform for WordPress.
      Unlike other limited and expensive ecommerce platforms, with SureCart you can sell:
      - One time payments
      - Installement payments
      - Subscription payments
      - Name your own price
      - Even donations
      All this and a ton more, completely free.