TechSoup
TechSoup
  • 15
  • 24 696
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
zhlédnutí: 45

Video

How to Add a Free Gift With Purchase on Shopify #GWP #shopify #shopifyapps #checkout
zhlédnutí 101Před měsícem
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
zhlédnutí 105Před 2 lety
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
zhlédnutí 10KPřed 3 lety
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
zhlédnutí 341Před 4 lety
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
zhlédnutí 218Před 4 lety
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
zhlédnutí 86Před 4 lety
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
zhlédnutí 554Před 4 lety
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
zhlédnutí 573Před 4 lety
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
zhlédnutí 538Před 4 lety
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
zhlédnutí 4,5KPřed 4 lety
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
zhlédnutí 381Před 4 lety
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
zhlédnutí 1,4KPřed 4 lety
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
zhlédnutí 4,5KPřed 4 lety
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
zhlédnutí 871Před 5 lety
The plugin allows you to migrate Oxygen Builder related templates, and content from 1 site to another. Download: oxytransfer.com/downloads/oxy-transfer-pro/

Komentáře

  • @wysiwyg4770
    @wysiwyg4770 Před 9 měsíci

    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 Před 9 měsíci

      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 Před 10 měsíci

    its really helpfull... thanks brooo

  • @privateuploads5397
    @privateuploads5397 Před rokem

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

    • @techsoup_dev
      @techsoup_dev Před 9 měsíci

      This is the OG when they didnt had this option

  • @Mobilewebnerd
    @Mobilewebnerd Před rokem

    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 Před 9 měsíci

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

  • @keaton718
    @keaton718 Před rokem

    I'm going to try this, thanks!

  • @hellalittt
    @hellalittt Před rokem

    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

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

    • @techsoup_dev
      @techsoup_dev Před 2 lety

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

  • @babekmohini1751
    @babekmohini1751 Před 2 lety

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

  • @_indrid_cold_
    @_indrid_cold_ Před 2 lety

    $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 Před 9 měsíci

      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 Před 2 lety

    Is there any market place for oxygen theme?

  • @MWeiler90
    @MWeiler90 Před 2 lety

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

    • @techsoup_dev
      @techsoup_dev Před 2 lety

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

    • @keithr4691
      @keithr4691 Před 7 měsíci

      Bad link... @@techsoup_dev

  • @savitririshma
    @savitririshma Před 2 lety

    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 Před 2 lety

      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 Před 2 lety

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

    • @techsoup_dev
      @techsoup_dev Před 2 lety

      @@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 Před 2 lety

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

  • @tietienne82
    @tietienne82 Před 2 lety

    Worked for me: Thank you very much!

    • @techsoup_dev
      @techsoup_dev Před 2 lety

      Glad it helped

    • @tietienne82
      @tietienne82 Před 2 lety

      @@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 Před 2 lety

      @@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 Před 2 lety

      @@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 Před 2 lety

    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 Před 3 lety

    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 Před 3 lety

      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 Před 3 lety

      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 Před 2 lety

      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 Před 3 lety

    You did A SHIT job explaining

  • @nicolasnovielli
    @nicolasnovielli Před 3 lety

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

    • @techsoup_dev
      @techsoup_dev Před 3 lety

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

  • @chdcrusader
    @chdcrusader Před 3 lety

    Incredibly helpful!

  • @KrasMosStore
    @KrasMosStore Před 3 lety

    фигня

  • @UnaNeary
    @UnaNeary Před 3 lety

    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 Před 3 lety

      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 Před 3 lety

      @@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 Před 3 lety

      @@UnaNeary awesome :)

  • @livecanvas
    @livecanvas Před 3 lety

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

  • @hossamsalem8878
    @hossamsalem8878 Před 4 lety

    slick

  • @YasienSarlie
    @YasienSarlie Před 4 lety

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

  • @jangirndt5843
    @jangirndt5843 Před 4 lety

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

  • @YasienSarlie
    @YasienSarlie Před 4 lety

    Got anything for WooCommerce?

    • @techsoup_dev
      @techsoup_dev Před 4 lety

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

    • @YasienSarlie
      @YasienSarlie Před 4 lety

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

    • @techsoup_dev
      @techsoup_dev Před 4 lety

      @@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 Před 4 lety

      @@techsoup_dev looking forward to seeing them

  • @YasienSarlie
    @YasienSarlie Před 4 lety

    I like the overlapping sections. Well done

  • @joachimauster
    @joachimauster Před 4 lety

    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 Před 4 lety

      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 Před 4 lety

      TechSoup easily replaced... 🤣🤣