TechSoup
TechSoup
  • 15
  • 24 506
Shopify Checkout Trust Badges #Shopify #Checkout #ShopifyPlus #Editions #Dev #developers
"🚀 Transform Your Shopify Store in Minutes: Add Trust Badges Effortlessly! 🔥"
Download the app apps.shopify.com/smart-checkout-widgets
"Learn how to instantly boost your Shopify store's credibility with the Smart Checkout Widgets app! This step-by-step tutorial shows how to easily add trust badges (social proof). Watch as we guide you through the simple installation, customization, and placement of badges to enhance your checkout process. Perfect for beginners and completely free on development stores, this app is your secret weapon for increasing customer trust and sales. Don't miss out-watch now and elevate your Shopify game! 🎉🛒"
Video Highlights:
0:00 - 0:08: Introduction to adding trust badges on Shopify. 🛡️
0:09 - 0:13: Overview of the Smart Checkout Widgets app. 🛍️
0:14 - 0:19: Installation steps for the app. 🛠️
0:20 - 0:27: Benefits of using the app on development stores. 💡
0:28 - 0:31: Creating a new widget. ✨
0:32 - 0:38: Selecting trust badges as the widget type. 🔧
0:39 - 0:51: Customizing columns, text size, and image width. 🖌️
0:52 - 1:01: Layout options: horizontal/vertical, left-aligned/centered. 📐
1:02 - 1:11: Adding title and description. 📝
1:12 - 1:15: Copying the widget ID. 🔗
1:16 - 1:26: Placing the badge under order summary. 🛒
1:27 - 1:31: Dragging badges to preferred locations. 🎯
1:32 - 1:36: Final setup and adding more widgets. ✅
1:37 - 1:40: Summary of the setup process. 🎬
1:41 - 1:49: Encouragement to check out more features of the app. 📈
Download the app apps.shopify.com/smart-checkout-widgets
🔔 Don't forget to like, comment, and subscribe for more Shopify tips and tutorials!
#Shopify #shopifyplus #Checkout #eCommerce #ShopifyApps #Discounts #GiftWidgets #ShopifyTutorials #trustbadges
มุมมอง: 18

วีดีโอ

Gift With Purchase Campaigns (GWP) Shopify Checkout with Smart Checkout Widgets Shopify App Tutorial
มุมมอง 82หลายเดือนก่อน
Download the app apps.shopify.com/smart-checkout-widgets Hi, I'm here to show you just how easy it is to offer free or discounted gifts to your customers on your Shopify store using the Smartcheckout Widgets app! In this detailed tutorial, we'll walk you through the steps to set up and configure the new Gifts Widgets feature, allowing you to apply discounts to specific products and create entic...
Daily Crypto Chrome Extension to easily track crypto prices
มุมมอง 1022 ปีที่แล้ว
Daily Crypto lets you add crypto tokens to easily track their prices, price change & 24h highs and lows in your new browser tab! Install it for free: bit.ly/trydailycrypto
Multi Step Form with Image checkboxes using Gravity form for WordPress
มุมมอง 10K3 ปีที่แล้ว
Using Gravity Form (paid plugin) you can easily make multi-step forms and also add images in place of checkboxes and radio buttons to make them more appealing. The tutorial was done for a question someone asked on one of the Facebook groups. PS: I am not affiliated to Gravity Form The site used is for only tutorial purposes, I am not connected with the company.
Oxygen Builder, How. to install 3rd Party Design Sets
มุมมอง 3394 ปีที่แล้ว
Workflow to show how you can easily install 3rd Party Design sets and Block Library which have been exported from Oxytransfer Pro. You will need OxyTransfer Free version to import any design sets and block library which has been compiled using Oxytranfer Pro check All Designs oxytransfer.com/designs/ Download Oxytransfer Free Version oxytransfer.com/downloads/oxy-transfer-free/
Oxygen Builder How to work with Modal inside Oxygen Builder Editor
มุมมอง 2124 ปีที่แล้ว
Oxygen Builder demo to show how to work with Modal in Oxygen. You can download this theme here: oxytransfer.com/downloads/oxy-single-page-template-for-oxygen-builder/
Oxygen Block Importing to Library Demo -Design Sets
มุมมอง 864 ปีที่แล้ว
You can see how easy it is to import your design sets with Oxy Transfer Pro (you can use the free version as well to import) but if you will need to export your own design sets, templates, pages you will need the Pro version. You can download Pro version here: oxytransfer.com/downloads/oxy-transfer-pro/
Oxygen Builder block library design set light color - Free Download
มุมมอง 5514 ปีที่แล้ว
Download Oxygen Builder block library design set, light color for free. Oxygen Builder light Color Design Block Library contains 7 blocks 2 Hero Sections 1 Call To Action 1 Blog Section 1 Tabbing Section 1 Showcase Block 1 Accordion Section Download Here: oxytransfer.com/downloads/oxygen-light-color-design-block-library/
Oxygen Builder OnePage Custom Theme
มุมมอง 5724 ปีที่แล้ว
It's an OnePage template for Oxygen Builder with modal sections to add more content to every block. I have added demo videos with the download to show you can add more sections and update the menu along with adding the modal. I have used Fluent form for the contact button section, you can add your own form or change the modal to just simple email link. The Custom CSS for the form is also added ...
Oxygen Builder may 2020 design blocks demo
มุมมอง 5384 ปีที่แล้ว
Oxygen Builder Design Blocks consists of a total of 14 blocks. 3 Hero Sections 3 Call To Action 3 Content Blocks (can be used as service or about section) 1 Footer 1 Pricing Block 1 Showcase Block 1 Accordion Section Download Here: oxytransfer.com/downloads/oxy-pro-design-blocks/
Oxygen Builder page load animation
มุมมอง 4.4K4 ปีที่แล้ว
We are going to be doing a Page load functionality inside oxygen builder, for full code and tutorial visit this page oxytransfer.com/do-a-page-loading-animation-inside-oxygen-builder/ There is a discount on copy paste plugin: use code: happyeaster it is valid till 19th April 2020
Oxygen Builder Oxy Copy Paste, Oxygen Builder Plugin to copy content/style/elements
มุมมอง 3814 ปีที่แล้ว
You can easily copy content, style or element from one page to another or from 1 site to another, you can even copy style/element to a textfile and share it with anyone who has Oxygen. PS: We are not affiliated with Oxygen, Oxygen Builder oxytransfer.com/oxy-copy-paste/ Use Discount Code: happyeaster and get 10% off Check other videos on the channel to see it in action
Oxygen Builder Copy Paste Add-on Plugin by Oxytransfer
มุมมอง 1.4K4 ปีที่แล้ว
This is a demo of a new feature we added to our oxy copy-paste plugin we released recently. You can download the plugin here oxytransfer.com/oxy-copy-paste/ PS: We are not affiliated with OxygenBuilder or it's parent company.
Oxygen Builder Copy Paste blocks, elements, styles, conditions
มุมมอง 4.5K4 ปีที่แล้ว
Oxygen Builder's addon to copy your styles, blocks, conditions from one site to another or within itself. It's quick and easy. Download: oxytransfer.com/oxy-copy-paste/
Oxygen Builder Oxy Transfer Plugin
มุมมอง 8695 ปีที่แล้ว
The plugin allows you to migrate Oxygen Builder related templates, and content from 1 site to another. Download: oxytransfer.com/downloads/oxy-transfer-pro/

ความคิดเห็น

  • @wysiwyg4770
    @wysiwyg4770 8 หลายเดือนก่อน

    How to save the css changes i made in console to make it permanent for my forms? I am stuck with that :-) So if you could expand your example and please let me know how the changes you have made via console to the CSS how did you manage to make them permanent. You just said save it to your custom css.

    • @techsoup_dev
      @techsoup_dev 8 หลายเดือนก่อน

      Hi, you need to either have a child theme(which you always should) which will have style.css or custom.css depending on how you develop. Or you can copy it into customizer > advance css

  • @majadulislampallab1351
    @majadulislampallab1351 9 หลายเดือนก่อน

    its really helpfull... thanks brooo

    • @techsoup_dev
      @techsoup_dev 8 หลายเดือนก่อน

      Glad to hear that

  • @privateuploads5397
    @privateuploads5397 ปีที่แล้ว

    oxy has this one sorted out now. and hydrogen also can do this.

    • @techsoup_dev
      @techsoup_dev 8 หลายเดือนก่อน

      This is the OG when they didnt had this option

  • @Mobilewebnerd
    @Mobilewebnerd ปีที่แล้ว

    None of your website links work anymore that's a shame you have some interesting developing here and we should talk and connect

    • @techsoup_dev
      @techsoup_dev 8 หลายเดือนก่อน

      This was just experiment and learning for Oxygen builder, had a short life span for this.

  • @keaton718
    @keaton718 ปีที่แล้ว

    I'm going to try this, thanks!

  • @hellalittt
    @hellalittt ปีที่แล้ว

    This oxygen nuts haven't even created copy and paste func, and the customers who paid dozens of dollars gotta buy a freakin plug-in for the function. what-

  • @fortifiedroofinggroup
    @fortifiedroofinggroup 2 ปีที่แล้ว

    Hey Guys what are your contact details I would like to get a form built?

    • @techsoup_dev
      @techsoup_dev 2 ปีที่แล้ว

      Hi please send an email to admin[at]thoughtbulb.dev

  • @babekmohini1751
    @babekmohini1751 2 ปีที่แล้ว

    Hello! What's is your contact email or your WhatsApp?

  • @_indrid_cold_
    @_indrid_cold_ 2 ปีที่แล้ว

    $49 For copy and paste functionality? Hmmm... I'll have to think about that. If it were a $15 product I bet every Oxygen user would just buy it. Shame.

    • @techsoup_dev
      @techsoup_dev 8 หลายเดือนก่อน

      A lot of people forget that these plugins are bread and butter for the developer and time and effort it takes to maintain them, provide support and continue developing it isn't easy. It's better to have 100 customers and give them the best support than to have 1000 customers, just a opinion.

  • @leahyo0000
    @leahyo0000 2 ปีที่แล้ว

    Is there any market place for oxygen theme?

  • @MWeiler90
    @MWeiler90 2 ปีที่แล้ว

    Can you tell me what design set this is? :D

    • @techsoup_dev
      @techsoup_dev 2 ปีที่แล้ว

      Here :) oxytransfer.com/downloads/design-sets-for-oxygen-builder/

    • @keithr4691
      @keithr4691 6 หลายเดือนก่อน

      Bad link... @@techsoup_dev

  • @savitririshma
    @savitririshma 2 ปีที่แล้ว

    how you could show the progress bar with the step? cz I chose Progress bar then it just shows like: Step 3 of 3 - TitlePage :(

    • @techsoup_dev
      @techsoup_dev 2 ปีที่แล้ว

      Hi, you can either use steps or progress bar if you want to show progress bar and still have title (you can add an simple block and add title before your sections

    • @savitririshma
      @savitririshma 2 ปีที่แล้ว

      @@techsoup_dev 00:34 i mean like this (what your mouse point out).

    • @techsoup_dev
      @techsoup_dev 2 ปีที่แล้ว

      @@savitririshma This is an example website, I was just using it as a reference point to show to to make checkbox with images and multiple steps with gravity

    • @savitririshma
      @savitririshma 2 ปีที่แล้ว

      @@techsoup_dev ohh i see. thanks for your reply!

  • @tietienne82
    @tietienne82 2 ปีที่แล้ว

    Worked for me: Thank you very much!

    • @techsoup_dev
      @techsoup_dev 2 ปีที่แล้ว

      Glad it helped

    • @tietienne82
      @tietienne82 2 ปีที่แล้ว

      @@techsoup_dev I have an issue with the loader though: The first time the page loads, the loader animation and the page below is showing all together and it takes a few seconds for the loader to be full screen and centered. Any suggestions why?

    • @techsoup_dev
      @techsoup_dev 2 ปีที่แล้ว

      @@tietienne82 You can make a wrapper around your content/page below the loading block and just add display none or opacity 0 and within ur loading animation js make it display block/opacity:1 on ending of loading

    • @tietienne82
      @tietienne82 2 ปีที่แล้ว

      @@techsoup_dev Thanks for taking the time to reply but I have no coding skills and I am not sure what I need to add to the js. Also, where do I add "display none or opacity 0"? In a code block?

  • @luckybreak8490
    @luckybreak8490 2 ปีที่แล้ว

    Won't your ass crack for there price for your fucking addon $45? Hydrogen Pack have this option and much more for $39.99 only! Your addon has a maximum cost of $3!

  • @manalboutajar9307
    @manalboutajar9307 2 ปีที่แล้ว

    hey i hope you'll answer me quick due to my project, i need to change the text of the next and previous buttons to suivant (in french) , but i don't have access to change it, do you have an idea please? thank you

    • @techsoup_dev
      @techsoup_dev 2 ปีที่แล้ว

      Hi you can follow Gravity form's official documentation on how to edit/modify the Next/previous buttons docs.gravityforms.com/gform_next_button/

    • @techsoup_dev
      @techsoup_dev 2 ปีที่แล้ว

      You can configure the text on the Next/Previous buttons by editing the Start Paging, Page Breaks and End Paging fields on your form. Then select the advanced tab and you can customize the text on the Next/Previous buttons just like you can customize the Submit button text in the Form Settings.

    • @sarahodiavbara5009
      @sarahodiavbara5009 2 ปีที่แล้ว

      Where do you insert the custom Css styling.... Your video just transformed my website, but I don’t known where to insert the grid template and margins and all the rest

  • @0dtealan
    @0dtealan 3 ปีที่แล้ว

    You did A SHIT job explaining

  • @nicolasnovielli
    @nicolasnovielli 3 ปีที่แล้ว

    Hi What's is your contact email? Do you offer this Services? Let me know. Thank You Nick

    • @techsoup_dev
      @techsoup_dev 3 ปีที่แล้ว

      Hi, thanks for reaching out but I don't provide dev services.

  • @chdcrusader
    @chdcrusader 3 ปีที่แล้ว

    Incredibly helpful!

  • @KrasMosStore
    @KrasMosStore 3 ปีที่แล้ว

    фигня

  • @UnaNeary
    @UnaNeary 3 ปีที่แล้ว

    Thank you for explaining how to do this in Oxygen. However, I cannot get the loader-wrapper to put the gif in the center. It still stays to the left side

    • @techsoup_dev
      @techsoup_dev 3 ปีที่แล้ว

      can you send link to your site where you implemented, alternatively try doing margin: 0 auto; or text-align: center; depending on how would have made your container.

    • @UnaNeary
      @UnaNeary 3 ปีที่แล้ว

      @@techsoup_dev Thank you, it is working now, I think there was some glitch the first time I tried. I redid it from a blank install and now it works perfectly as you demonstrated. :)

    • @techsoup_dev
      @techsoup_dev 3 ปีที่แล้ว

      @@UnaNeary awesome :)

  • @livecanvas
    @livecanvas 3 ปีที่แล้ว

    Try this one with our Pure HTML and CSS builder :-)

  • @hossamsalem8878
    @hossamsalem8878 4 ปีที่แล้ว

    slick

  • @YasienSarlie
    @YasienSarlie 4 ปีที่แล้ว

    Sound was interesting. Not perfect but good enough. Thanks for sharing

  • @jangirndt5843
    @jangirndt5843 4 ปีที่แล้ว

    Horrible sound, music, noise, bad microphone, almost useless...

    • @techsoup_dev
      @techsoup_dev 4 ปีที่แล้ว

      Thanks for the feedback

  • @YasienSarlie
    @YasienSarlie 4 ปีที่แล้ว

    Got anything for WooCommerce?

    • @techsoup_dev
      @techsoup_dev 4 ปีที่แล้ว

      Not 100% WooCommerce but I would say E-Commerce styling blocks coming soon

    • @YasienSarlie
      @YasienSarlie 4 ปีที่แล้ว

      @@techsoup_dev style archive and product pages too. This will be a seller

    • @techsoup_dev
      @techsoup_dev 4 ปีที่แล้ว

      @@YasienSarlie The ones I am working on right now are more of homepage/landing page blocks for E-Commerce sections not internal pages

    • @YasienSarlie
      @YasienSarlie 4 ปีที่แล้ว

      @@techsoup_dev looking forward to seeing them

  • @YasienSarlie
    @YasienSarlie 4 ปีที่แล้ว

    I like the overlapping sections. Well done

  • @joachimauster
    @joachimauster 4 ปีที่แล้ว

    What about the images of copied blocks? Are they copied also to new site or is there only a link to the old page?

    • @techsoup_dev
      @techsoup_dev 4 ปีที่แล้ว

      Hi, for that you will need to use Oxytransfer Plugin, Copy paste is a quick way to move around blocks and mostly there would be 1-4 images which can be easily replaced. oxytransfer.com/downloads/oxy-transfer-pro/

    • @joachimauster
      @joachimauster 4 ปีที่แล้ว

      TechSoup easily replaced... 🤣🤣