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

Подписаться 4,1 тыс.

Просмотров 3,3 тыс.

50% 1

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.

Хобби

Опубликовано:

5 апр 2022

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

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

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

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.

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

Thanks a lot - This tutorial really help me

@iamYasin22 2 года назад

Amazing Brother - I love your tutorials

@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: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-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 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

@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?

@Millystyles704 11 месяцев назад

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 😢

@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

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

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

@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

@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!

@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.

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

when i press inline auto it doesnt do anything

@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 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.

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

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

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

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 9 месяцев назад

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

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

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

@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 5 месяцев назад

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 Год назад

Is it possible to do this for amazon products?

@BuildThatWebsite Год назад

Sure!

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

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

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

Do you have a live link to the design?

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

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

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

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

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

@@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?