Agent Carousel Tutorial
How does it look?
You can display a carousel like this:
![Agent Carousel widget example](https://res.cloudinary.com/dscqcqtjn/image/upload/v1632418564/Apps/AgentsCarousel/1_sdmmee.png)
How to set it up:
1. Fill the social media of the agents
Click on the button Add.
![Add social media](https://res.cloudinary.com/dscqcqtjn/image/upload/v1632419768/Apps/AgentsCarousel/2_c9f3pe.png)
Fill the form with the corresponding information and click on "Update Social Media".
![Social media form](https://res.cloudinary.com/dscqcqtjn/image/upload/v1632424459/Apps/AgentsCarousel/3_eqrhb9.png)
You'll see the agent's social media updated.
![Agent Social media updated](https://res.cloudinary.com/dscqcqtjn/image/upload/v1632424535/Apps/AgentsCarousel/4_xrnuam.png)
2. Filter the agents by State, City or ZIP Code
Select the option that will be applied to only showcase the filtered agents.
![Filter options: state, city and ZIP code](https://res.cloudinary.com/dscqcqtjn/image/upload/v1632425499/Apps/AgentsCarousel/5_le2jgc.png)
Based on the previously selected option, now choose a value.
![Filter values](https://res.cloudinary.com/dscqcqtjn/image/upload/v1632426162/Apps/AgentsCarousel/6_sahth6.png)
This information is taken from IDX Broker Agents page.
![IDX Broker Agents page](https://res.cloudinary.com/dscqcqtjn/image/upload/v1632426276/Apps/AgentsCarousel/7_sayzsz.png)
![Edit Agent page](https://res.cloudinary.com/dscqcqtjn/image/upload/v1632426316/Apps/AgentsCarousel/8_reuuep.png)
3. Write a title
The header will appear above the carousel.
![Title field](https://res.cloudinary.com/dscqcqtjn/image/upload/v1632426400/Apps/AgentsCarousel/9_nrt7i0.png)
4. Copy the code
Click on the Copy Code button and the script will be copied to your clipboard.
![Copy code button](https://res.cloudinary.com/dscqcqtjn/image/upload/v1632426547/Apps/AgentsCarousel/10_rdrl2m.png)
5. Paste the Code
You can now paste this code where you want it to go on your website.
![Agent carousel widget](https://res.cloudinary.com/dscqcqtjn/image/upload/v1632426590/Apps/AgentsCarousel/11_ts6gkz.png)