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

Рет қаралды 3,280

2 жыл бұрын

Build a high-converting hero section for your affiliate posts, using Elementor.
🎁 Download the finished template: www.buildthatwebsite.com/vide...
In this video, you'll learn how to boost the revenue of your most profitable affiliate posts by adding an above-the-fold hero section with your top affiliate products. Modeled after best-in-class sites, this template is designed to get a higher CTR and higher conversion rates than standard blog posts.

Пікірлер: 68

@lndecisiveIMVU 5 ай бұрын

You're a life saver. Great content Matt!

@iUmarFarooqi 2 жыл бұрын

Awesome, thank you for this revenue-boosting technique!

@WNCRealtyPro Жыл бұрын

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

@Technikzentrale24 Жыл бұрын

Man, that was awesome! Thank you!

@Tiffers963Hz 9 ай бұрын

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

@iamYasin22 2 жыл бұрын

Amazing Brother - I love your tutorials

@hamidurrahman1575 6 ай бұрын

Thanks a lot - This tutorial really help me

@GLNFGfngnf Ай бұрын

super helpful thanks

@lunaparell Жыл бұрын

Thank you

@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 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 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 2 жыл бұрын

I believe I included that in this video: kzfaq.info/get/bejne/j9OkebR_mNabmY0.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 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 2 жыл бұрын

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

@Digitalcataloghub 5 ай бұрын

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

@RiikkaSimpanen 11 ай бұрын

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?

@litty1776 Жыл бұрын

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 Жыл бұрын

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

@litty1776 Жыл бұрын

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

@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 Жыл бұрын

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

@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 10 ай бұрын

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 😢

@Digitalcataloghub 5 ай бұрын

when i press inline auto it doesnt do anything

@Campy1 Жыл бұрын

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 Жыл бұрын

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

@Campy1 Жыл бұрын

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

@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 Жыл бұрын

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 Жыл бұрын

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

@BuildThatWebsite Жыл бұрын

Yes, it will be coming out in December or January

@ecomwebtips Жыл бұрын

@@BuildThatWebsite thank you again 😃

@Digitalcataloghub 8 ай бұрын

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

@BuildThatWebsite 8 ай бұрын

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

@Digitalcataloghub 9 ай бұрын

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

@BuildThatWebsite 9 ай бұрын

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

@sg8345 Жыл бұрын

Is it possible to do this for amazon products?

@BuildThatWebsite Жыл бұрын

Sure!

@Digitalcataloghub 8 ай бұрын

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

@BuildThatWebsite 8 ай бұрын

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 5 ай бұрын

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

@BuildThatWebsite 5 ай бұрын

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 5 ай бұрын

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

@BuildThatWebsite 4 ай бұрын

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.

@Digitalcataloghub 8 ай бұрын

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

@BuildThatWebsite 8 ай бұрын

Do you have a live link to the design?

@Digitalcataloghub 8 ай бұрын

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

@BuildThatWebsite 8 ай бұрын

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

@Digitalcataloghub 8 ай бұрын

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

@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 2 жыл бұрын

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 2 жыл бұрын

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

@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 2 жыл бұрын

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

@BuildThatWebsite 2 жыл бұрын

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?