> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://iconito.crisp.help/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# How to use Iconito with PageFly

|| **How to use Trust badges & icons ‑ Iconito with PageFly**

**Install Pagefly**

Before using this element in PageFly, you’ll need to install the Trust badges & icons – Iconito app to your store and configure all its options.

* Install [Iconito](https://apps.shopify.com/guarantee-icons-trust-badges?utm_campaign=app-listing&utm_source=crisp_helpdesk&utm_medium=iconito&utm_content=cross-sell)
* Install [PageFly](https://apps.shopify.com/pagefly?utm_campaign=app-listing&utm_source=crisp_helpdesk&utm_medium=iconito&utm_content=cross-sell)

# How To Access Trust Badges & Icons – Iconito Element

**From PageFly**

In page editor, follow these steps to access Trust badges & icons – Iconito element in PageFly:

* Step 1: In the PageFly editor, click “Add third-party element” on the left menu
* Step 2: Click “Manage integrations” or the gear icon on top
* Step 3: Search for “Iconito” and enable it
* Step 4: Click “Close” and the element will appear in the “Add third-party element” menu


![](https://help-cdn.pagefly.io/wp-content/uploads/2024/03/2024-03-1315.57.14-ezgif.com-optimize.gif?_gl=1*h7mb13*_ga*MTIzODY3NDI2Ni4xNzA4NTI1Mzk4*_ga_0BK6F6GXYF*MTcxMjYyOTU0OC40LjEuMTcx)

The Trust badges & icons – Iconito element comes in one variant which is Trust badges & icons.


![](https://help-cdn.pagefly.io/wp-content/uploads/2024/03/BEOSH8_PHHl29lEcB4J5BxvbxnkAio59BtuqJnBOCVl49ZtHoawSOXmhGxQqE371fV_OEnKuoW43dVmstQLIC5OgXYu_ZQfTAwxtKhiFgr4A9RcG_8qh4XNFBt9h_c5S_Fc9Xp3RImfuHPhy.png)


**From Iconito**

Before using the Trust badges & icons – Iconito elements in PageFly, you’ll need to create and configure your icons in Iconito app:

**Step 1: Activate “Iconito” In The Theme**

Go to your Shopify admin, then navigate to Online Store > Theme > Current theme > Customize > App embeds.

Search for “Iconito” and activate it.

![](https://help-cdn.pagefly.io/wp-content/uploads/2024/03/xYNQ_9FNbqnZJUwQq7-bkEBXx2BNK18fXRMao6m3GuRZzQxoyS9wzbTgiFLodj5WtrCceNoinQq_cOQcVVDLiaElGecW2-_m5Z5jIGSpqs3yGhLdtRo5YSIretEAysSrJ_WHnljDvCLjNemp.png?_gl=1*1ta4hfk*_ga*MTIzODY3NDI2Ni4xNzA4NTI1Mzk4*_ga_0BK6F6GXYF*MTcxMjYyOTU0OC40LjEuMTcxMjYzMDIwMy41Ny4wLjA.)

**Step 2: Set Up The Icon Blocks**

On the Dashboard of Iconito app, click on “Add icon blocks button” to create a new badge.

You can also further customize the badge Content, Icons, Style. Then hit Save.


![](https://help-cdn.pagefly.io/wp-content/uploads/2024/03/bIatznolkZd8Jtb9ZFwwtHSpMjnd6qXUsxvFjSOKPJaoH7MM6JhEFyuEpE0gR-DPDGX3SGOrH1dKJo9t_ix4Y7vW0PfYMXsRjid9YatLTJc5UhQj46-1g0p_qbeXWsc-0Z2zeOmqCUD6CnK1.gif)

**Step 3: Copy The Code From Iconito**

After customizing the block, scroll down to the bottom, you can see a text box that contains the code. Hit the “Copy” icon button to copy this code into clipboard.


![](https://help-cdn.pagefly.io/wp-content/uploads/2024/03/2024-03-1408.16.22-ezgif.com-optimize.gif)

**Step 4: Go To The Page On PageFly App > Paste This Code To The Short Box**


![](https://help-cdn.pagefly.io/wp-content/uploads/2024/03/o1daaffN0__I1_jPg9S3XEv00gRVGR7VxNT40GZbd00D1ljOupt8tNejP4T48cV3pKHfzFoNDDlBNaCPIc3KLddS8_16xlKGTxIs4vOBqzW3N7UIGqAhG-T1ljmIov1oETAsAd2xFLjr2zIJ.gif?_gl=1*fiozln*_ga*MTIzODY3NDI2Ni4xNzA4NTI1Mzk4*_ga_0BK6F6GXYF*MTcxMjYyOTU0OC40LjEuMTcxMjYzMDIwMy41Ny4wLjA.)

**Step 5: Publish The Page From PageFly**


![](https://help-cdn.pagefly.io/wp-content/uploads/2024/03/SHcmadwbTIzdqej1pMvWued35mPpQvc3w-vdHb-vsywckJTWleOsrQBREa81lFjhfZBwahAG9tt0bdapDStKTTV8mPm3J483FHkD5Kuazp_mJkYHAMaoFvCETxL4TKrYBo8KG_HkSHB06HN.gif?_gl=1*fiozln*_ga*MTIzODY3NDI2Ni4xNzA4NTI1Mzk4*_ga_0BK6F6GXYF*MTcxMjYyOTU0OC40LjEuMTcxMjYzMDIwMy41Ny4wLjA.)


Then You Can See The Result On The Live Page:


![](https://help-cdn.pagefly.io/wp-content/uploads/2024/03/bq17wqpXksDko8Bq0FcfZWDJDDulWkHq932NVj5ElsWyatdZwCT1RQy9-CjgnPyxlfyBUaiSyflUc_zhyCNWak5yysyY-X2PuEnAMerZOOMqVMBc9B6NaC29eaeCY1L6lrjTt_tF6_6nT6jT.png?_gl=1*1j55t51*_ga*MTIzODY3NDI2Ni4xNzA4NTI1Mzk4*_ga_0BK6F6GXYF*MTcxMjYyOTU0OC40LjEuMTcxMjYzMDIwMy41Ny4wLjA.)


**Important note:**

* The element can work on ALL page types
* The element can work anywhere on the page.
* Each page can ONLY have 1 element.


**General Settings**

After adding the Trust Badges and Icons to the Editor, on the right sidebar, you’ll see the General tab.

In the Short code box, you can paste the HTML code you got from the Iconito – Trust badges & icons app.

You can get further information about [Attributes, Visibility, and Animation parameters.](https://help.pagefly.io/manual/elements-general-settings/)

Note: All configuration of the element must be done in the Iconito app before using in PageFly.

**Styling Settings**

You can customize the styling of the Trust Badges and Icons elements in the Styling tab.


![](https://help-cdn.pagefly.io/wp-content/uploads/2024/03/BHGZUWZfPbzeLOtvI6aGmDpn1EK85VehmHsXwpH4blzRS0yYCqe_jd8vcgv_5GcrikY7A_dFTJn2hLkIkORMj02_TREZI8DNUZSwruVoHoyiSM4YQWWOUYOv-97XpuBS2tGvd2KnbxIw-XL7.png?_gl=1*43p301*_ga*MTIzODY3NDI2Ni4xNzA4NTI1Mzk4*_ga_0BK6F6GXYF*MTcxMjYyOTU0OC40LjEuMTcxMjYzMDIwMy41Ny4wLjA.)

You can get further information about [Styling settings.
](https://help.pagefly.io/manual/elements-style-settings/)