# Add a section with icons and steps to the home page

**URL:** <https://community.hivepress.io/t/add-a-section-with-icons-and-steps-to-the-home-page/10262>\
**Category:** HivePress\
**Created:** [March 24, 2024, 11:42am UTC](https://community.hivepress.io/t/add-a-section-with-icons-and-steps-to-the-home-page/10262 "2024-03-24T11:42:03Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![demo](https://community.hivepress.io/letter_avatar_proxy/v4/letter/d/e47774/32.png) [@demo](https://community.hivepress.io/u/demo)\
**Post date:** [March 24, 2024, 11:42am UTC](https://community.hivepress.io/t/add-a-section-with-icons-and-steps-to-the-home-page/10262/1 "2024-03-24T11:42:03Z")

</div>

How can I add the icon that shows  
1 how it works 2 post a task, 3 accept  
An offer I had it on my  
Homepage on expert hive but now it has disappeared? What block tab is it that I need to select to get it back?  
Also with woo commerce does it work on Wordpress editor without a live host?as I’m not live yet I get an error when I try and complete the woo setup

---

<div class="post-metadata">

**Author:** ![ihor](https://community.hivepress.io/user_avatar/community.hivepress.io/ihor/32/5_2.png) [@ihor](https://community.hivepress.io/u/ihor)\
**Post date:** [March 28, 2024, 5:31pm UTC](https://community.hivepress.io/t/add-a-section-with-icons-and-steps-to-the-home-page/10262/3 "2024-03-28T17:31:59Z")

</div>

Sorry for the delay.

You can create a custom section with the Feature blocks and columns, but it may be easier if you switch to the Code Editor while editing the home page and use this code:

```auto
<!-- wp:group {"className":"content-block"} -->
<div class="wp-block-group content-block"><div class="wp-block-group__inner-container"><!-- wp:heading {"textAlign":"center","className":"content-title"} -->
<h2 class="has-text-align-center content-title">How it works</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","className":"content-subtitle"} -->
<p class="has-text-align-center content-subtitle">Three simple steps to get the job done.</p>
<!-- /wp:paragraph -->

<!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:hivepress/feature {"icon":"file-medical","caption":"01"} /-->

<!-- wp:heading {"textAlign":"center","level":3} -->
<h3 class="has-text-align-center">Post a Request</h3>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">Aliquam pretium fringilla augue orci dictum sollicitudin purus risus.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:hivepress/feature {"icon":"comment-dollar","caption":"02"} /-->

<!-- wp:heading {"textAlign":"center","level":3} -->
<h3 class="has-text-align-center">Review Offers</h3>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">Etiam vehicula erat id lorem volutpat cursus placerat rutrum efficitur.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:hivepress/feature {"icon":"calendar-check","caption":"03"} /-->

<!-- wp:heading {"textAlign":"center","level":3} -->
<h3 class="has-text-align-center">Get It Done</h3>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">Mauris sit amet fermentum felis cras rutrum vestibulum diam cursus.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div></div>
<!-- /wp:group -->

```

Then you can switch back to the visual editor and change the icons, text, etc.

Please send more details about the WooCommerce setup issue, is there a specific error message?

---

<div class="post-metadata">

**Author:** ![system](https://community.hivepress.io/user_avatar/community.hivepress.io/system/32/13990_2.png) [@system](https://community.hivepress.io/u/system)\
**Post date:** [April 27, 2024, 5:32pm UTC](https://community.hivepress.io/t/add-a-section-with-icons-and-steps-to-the-home-page/10262/4 "2024-04-27T17:32:07Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.