Build a 'Top Products' Affiliate Hero Section w/ Elementor (double your revenue)

Поделиться
HTML-код
  • Опубликовано: 29 окт 2024

Комментарии • 68

  • @lndecisiveIMVU
    @lndecisiveIMVU 9 месяцев назад

    You're a life saver. Great content Matt!

  • @Tiffers963Hz
    @Tiffers963Hz Год назад

    Thanks Matt. This is super helpful and thank you for the free download. Blessings.

  • @WNCRealtyPro
    @WNCRealtyPro Год назад

    Thank you for taking the time to present this information. Very helpful.

  • @iUmarFarooqi
    @iUmarFarooqi 2 года назад +1

    Awesome, thank you for this revenue-boosting technique!

  • @Technikzentrale24
    @Technikzentrale24 Год назад

    Man, that was awesome! Thank you!

  • @ilyasselhassani539
    @ilyasselhassani539 2 года назад

    Man we missed ur videos i really enjoy watching ur tutorials and i learn a lot from them please keep posting the good stuff i really do appreciate ur efforts 👌

    • @BuildThatWebsite
      @BuildThatWebsite  2 года назад +2

      I appreciate the kind words. I got a bit burned out last year, but plan to start uploading more frequently starting in May.
      If you have any ideas for future videos, please let me know!

    • @ilyasselhassani539
      @ilyasselhassani539 2 года назад

      @@BuildThatWebsite Please make a video about sticky table of content on the side bar like u know how painful it could get scrolling all the way back up to select another section on the table of content .... 😢
      I have been searching like crazy on how to do keyword research if you could make a video about this topic it would be awesome

    • @BuildThatWebsite
      @BuildThatWebsite  2 года назад +1

      I believe I included that in this video:
      ruclips.net/video/YmtFQN3p7iY/видео.html
      I also have a written tutorial about how I set up a sticky TOC on my site:
      www.buildthatwebsite.com/conditional-table-of-contents-widget
      Hope that helps!

    • @ilyasselhassani539
      @ilyasselhassani539 2 года назад

      @@BuildThatWebsite i have saw ur video and i have applied all what u have talked about but for some reasons the suggested plugin ain't working (fixed widget and sticky elements) i would like to know an advanced settings related to this topic like how am i going to include just 5 headings on the TOC when i am talking about 12 products on that specific blog post

    • @ilyasselhassani539
      @ilyasselhassani539 2 года назад

      @@BuildThatWebsite like exact same way Adam shows his TOC it looks more clean and professional

  • @iamYasin22
    @iamYasin22 2 года назад +1

    Amazing Brother - I love your tutorials

  • @Digitalcataloghub
    @Digitalcataloghub 9 месяцев назад

    Should we be using this layout only on our pages or for each post

  • @hamidurrahman1575
    @hamidurrahman1575 10 месяцев назад

    Thanks a lot - This tutorial really help me

  • @RiikkaSimpanen
    @RiikkaSimpanen Год назад

    I can't add the finished hero section to a blog post. I type /elementor like you showed on the video at 21:27 but elementor library doesn't show up. How can I fix this?

  • @TheMatthewSquires
    @TheMatthewSquires 4 месяца назад

    super helpful thanks

  • @relax-kx3mx
    @relax-kx3mx Год назад

    Is it possible to tinker with the CSS or spacing so that each section aligns vertically with each other? Right now if I have a title that is 2 or 3 lines, it pushes everything down and the buttons and images don't align with each other.

    • @BuildThatWebsite
      @BuildThatWebsite  Год назад

      Yes, you just need to either 1) set justify-content to space-between or set the flex-grow property of a child element to 1, so it will expand to fill the available space

  • @lunaparell
    @lunaparell Год назад

    Thank you

  • @Millystyles704
    @Millystyles704 Год назад

    How do you add link to visit website? Well I mean I did but when I click it it sends me back to my post instead of my affiliate link

  • @Millystyles704
    @Millystyles704 Год назад

    I’ve watched this about 7 times lol Im trying to change the content in the hero section but unfortunately when I do the acf field then key it just remove the badge text and nothing appears. What am I doing wrong 😢

  • @litty1776
    @litty1776 2 года назад

    Great tutorial. You just earned a new subscriber!
    I followed your tutorial until it was time to create the Hero section. I’m using blocksy premium, but I’m not seeing the option in the Appearance menu that says “elements”.
    I’ve been looking, but I’m not seeing anything. What can I do to resolve this? I’d appreciate your help bro

    • @BuildThatWebsite
      @BuildThatWebsite  2 года назад +1

      Elements are specific to Generatepress theme. Blocksy Pro has a very similar feature called 'Content Blocks'.
      creativethemes.com/blocksy/docs/extensions/content-blocks/

    • @litty1776
      @litty1776 2 года назад

      @@BuildThatWebsite thank you so much for your timely response.

  • @ecomwebtips
    @ecomwebtips Год назад

    Hey i just found your channel now im very luck that i like all of your video, is this possible to make this table on gutenberg builder ?

    • @BuildThatWebsite
      @BuildThatWebsite  Год назад +1

      Yes, you could do it with Generateblocks, or Kadence blocks. It might take some practice to learn how to build complex designs with those plugins but it is definitely doable.
      I'm going to do a generateblocks tutorial soon

    • @ecomwebtips
      @ecomwebtips Год назад

      @@BuildThatWebsite thank you replay , can you make a video about generate block

    • @BuildThatWebsite
      @BuildThatWebsite  Год назад

      Yes, it will be coming out in December or January

    • @ecomwebtips
      @ecomwebtips Год назад

      @@BuildThatWebsite thank you again 😃

  • @Campy1
    @Campy1 2 года назад

    What I'm having trouble understanding is what if you wanted to make every top product in the hero group dynamic? I understand how you did Kadence, but what if you wanted to make Astra, Blocksy, and OceanWP dynamic?

    • @BuildThatWebsite
      @BuildThatWebsite  2 года назад +1

      You would have custom fields for each ranking position. E.g. Product1Name, Product1logo, product1link, product2name, product2logo, product2link etc...

    • @Campy1
      @Campy1 2 года назад

      @@BuildThatWebsite Ah that makes sense. Thank you for your quick and helpful response!

  • @Digitalcataloghub
    @Digitalcataloghub Год назад

    i created a 5 card design but each is too thin how can i make them wider

    • @BuildThatWebsite
      @BuildThatWebsite  Год назад

      You just need to widen the outer container that holds them. You can also decrease spacing between cards if that's an option.

  • @Digitalcataloghub
    @Digitalcataloghub 8 месяцев назад

    can iadd this on my posts and still use other plugins or is it only elementor or plugins

    • @BuildThatWebsite
      @BuildThatWebsite  8 месяцев назад

      You can use elementor alongside other plugins. If you want to use Gutenberg for the post content, you would need to add the Elementor Layout either through a theme hook or using the template shortcode inside Gutenberg.

    • @Digitalcataloghub
      @Digitalcataloghub 8 месяцев назад

      @@BuildThatWebsite how much does elementor slow down the website and is their a way around this

    • @BuildThatWebsite
      @BuildThatWebsite  8 месяцев назад

      These days Elementor is quite fast on good hosting. They've made a lot of improvements regarding code size and asset loading. You can improve it further with proper caching and a CDN. There are plenty of Elementor sites on the web with load times under 1.0 seconds.

  • @sg8345
    @sg8345 Год назад

    Is it possible to do this for amazon products?

  • @Digitalcataloghub
    @Digitalcataloghub 8 месяцев назад

    when i press inline auto it doesnt do anything

  • @Digitalcataloghub
    @Digitalcataloghub Год назад

    The products show up vertically in mobile but horizontally in desktop, how do I make them show up horizontally in mobile

    • @BuildThatWebsite
      @BuildThatWebsite  Год назад

      You'd just have to adjust the responsive settings for the columns holding the cards. I really can't imagine a scenario where you wouldn't want them to stack on mobile though.

  • @Digitalcataloghub
    @Digitalcataloghub Год назад

    when i type visit website theyre on two different lines how can i make it so its on one

    • @BuildThatWebsite
      @BuildThatWebsite  Год назад

      The easiest way is to set min-width on the button and make sure its parent container is large enough to hold it.

  • @Digitalcataloghub
    @Digitalcataloghub Год назад

    Something I noticed is that all my images are 1024x1024 yet one is bigger than the rest why could this be?

    • @BuildThatWebsite
      @BuildThatWebsite  Год назад

      Do you have a live link to the design?

    • @Digitalcataloghub
      @Digitalcataloghub Год назад

      @@BuildThatWebsite the comment keeps getting deleted when I add the link did you get any of the comments before

    • @BuildThatWebsite
      @BuildThatWebsite  Год назад

      No, this the only comment showing up for me. My notifications show a comment that says you found a fix?

    • @Digitalcataloghub
      @Digitalcataloghub Год назад

      @@BuildThatWebsite it’s because the image dimensions have to be small when I upload them

  • @dinorossi6611
    @dinorossi6611 2 года назад

    If only there was an alternative to Elementor. I got rid of that builder and moved to Generate Press. How can I make them in Generate Press with NO Elementor? Thank you

    • @BuildThatWebsite
      @BuildThatWebsite  2 года назад +3

      I'm planning on doing a tutorial using Gutenberg blocks as well. Adam uses Ultimate Gutenberg to build his. You could also use kadence blocks, stackable or generateblocks

    • @dinorossi6611
      @dinorossi6611 2 года назад

      @@BuildThatWebsite Thank you. Please do. Elementor is being phased out of affiliate marketing sites.

    • @dinorossi6611
      @dinorossi6611 2 года назад

      @@BuildThatWebsite Thanks again. I will wait on your tutorial. Hopefully, you will make one soon. I need to send you a question via email. What is the best way to contact you? I have a question about a cool site built with a tailwind.

    • @dinorossi6611
      @dinorossi6611 2 года назад

      @@BuildThatWebsite Is Kadence compatible with GP? Have you seen the points guy website? I need to replicate that model..

    • @BuildThatWebsite
      @BuildThatWebsite  2 года назад +1

      Yes, Kadence Blocks works with any theme. You won't get the themebuilder features like GenerateBlocks, but you shouldn't need it for one-off pages.
      Can you share an example of a TPG layout you're trying to emulate?