Log in to your IDXAddons account

In the dashboard, select the Community Information app.

When you access the app, the first step is to configure the Setup Tab with the following details:

Enter the name of the community. This name will appear on the labels of the widget.

• Tip: The saved link name can differ from the community name. For example, you might have a saved link called “Homes in Riviera Beach between $100,000 and $200,000”, but you can simply name the community “Riviera Beach” for clarity.

Select the saved link you want to display in your widget from the dropdown menu. This link determines the properties and data shown in the widget.

Click the Themes tab to choose the visual style for your widget. There are four available themes:

• Default — A clean list layout with alternating row colors (zebra striping).
• Ocean — A horizontal strip with circular icons, ideal for page headers or banners.
• Zoom — A card-based grid layout with an icon box on the left of each stat.
• Arizona — A minimal design with large value text and a small label below, no icons.

Click on any theme to preview and apply it. A confirmation dialog will appear before saving. The selected theme will be included automatically in the code snippet.

Click the Color Scheme tab to personalize the colors of your widget. You can configure five color options:

• Main Color — Applied to the primary accent of each theme (row background in Default, icon circle background in Ocean, icon box background in Zoom, large value text color in Arizona).
• Secondary Color — Used for alternating rows in Default, and icon symbol color in Ocean and Zoom.
• Main Text Color — Controls the text color on odd rows in Default, and the numeric values in Ocean and Zoom.
• Secondary Text Color — Controls label text (e.g. "AVG PRICE") in Ocean, Zoom, and Arizona; even row text in Default.
• Background Color — The main container background in Default, Ocean, and Arizona; individual card background in Zoom.

Each color can be set using the color picker or by typing a hex code directly. Click Save Colors to apply your changes. To restore the original theme colors, click Reset to Defaults.

Once you've completed the required fields:

• Click the Get Code Snippet button.
• A section with the generated code snippet will appear.
• Click Copy Code, and the snippet will automatically be copied to your clipboard.

You can now use this code snippet to integrate the widget into your website.