Dashboard reference
Recommendations · controls and screen
Consult each Recommendations field, button and tab, with screenshots of the system and explanation of their effects.
Reviewed October 23, 2026 · Customer guide
Navigation was checked and controls were checked against the panel code. Save, import, delete, and activate operations were not run on production data for this screenshot.
Control by control
| Control | How to use | Effect |
|---|---|---|
| 1Select storeselect | Change the store or active site. Check this selector before saving, importing, or syncing. | data entryLocated in the actual interface |
| 2Notifications: 3 unreadbutton | Opens account context notices and its unread counter. A historical warning does not confirm a current failure. | ReadingLocated in the actual interface |
| 3inboxbutton | Open the account’s messages and notifications inbox. | NavigationLocated in the actual interface |
| 4MY ACCOUNT ↗to | Open account, sites or subscription management; It is not the editor of the search engine. | NavigationLocated in the actual interface |
| 5Activate dark modebutton | Toggle the visual theme and retain the browser preference. It does not modify content or commercial data. | Local preferenceLocated in the actual interface |
| 6Open administration panelto | Open global administration; requires explicit permission from NegocioLibre. | Browsing with permissionLocated in the actual interface |
| 7Appearance and integrationbutton | Open the “Appearance and Integration” section of the dashboard. Switching views is not a substitute for saving a pending form. | NavigationLocated in the actual interface |
| 8Analyticsbutton | Open the “Analytics” section of the dashboard. Switching views is not a substitute for saving a pending form. | NavigationLocated in the actual interface |
| 9Enable recommendationscheckbox | Activates or deactivates the function indicated by the label. Check its status and save if the form requires it. | Selection; requires saving according to the formLocated in the actual interface |
| 10Titlefield | Visible text that heads the component. Use a short, descriptive title. | data entryLocated in the actual interface |
| 11Selection Registered popularity and highlights Related to the productselect | Select the logic that chooses products for recommendations. It does not create new products. | data entryLocated in the actual interface |
| 12Alignment Left Center Rightselect | Aligns the content within the component. | data entryLocated in the actual interface |
| 13Productsnumber | Maximum number of products that the component should display. | data entryLocated in the actual interface |
| 14Card radius (px)number | Roundness of cards in pixels; check the result on mobile. | data entryLocated in the actual interface |
| 15Titlecolor | Title color; maintain contrast with the background. | data entryLocated in the actual interface |
| 16carousel backgroundcolor | Component background color. | data entryLocated in the actual interface |
| 17card backgroundcolor | Background color of each card. | data entryLocated in the actual interface |
| 18Edgecolor | Card border color. | data entryLocated in the actual interface |
| 19Pricecolor | Normal price color. | data entryLocated in the actual interface |
| 20Offer pricecolor | Offer price color. | data entryLocated in the actual interface |
| 21Show cart buttoncheckbox | Show or hide the add to cart button on the supported component. Check the actual integration. | Selection; requires saving according to the formLocated in the actual interface |
| 22Save settingsbutton | Submit the form fields in this section. Review the data and context before confirming. A validation error requires correcting the fields; a conflict notice requires reloading. | Persistent changeLocated; not run in production |
| 23Integration codetextarea | Fragment generated to place the component in an authorized destination. Do not modify or publish private credentials. | Public integration codeLocated in the actual interface |
| 24Copy codebutton | Copy the indicated identifier or code to the clipboard. Then you must paste it into the authorized destination; copying does not install anything. | clipboardLocated in the actual interface |
Recommendations · Appearance and integration 24 controls
| Control | How to use | Effect |
|---|---|---|
| 1Select storeselect | Change the store or active site. Check this selector before saving, importing, or syncing. | data entryLocated in the actual interface |
| 2Notifications: 3 unreadbutton | Opens account context notices and its unread counter. A historical warning does not confirm a current failure. | ReadingLocated in the actual interface |
| 3inboxbutton | Open the account’s messages and notifications inbox. | NavigationLocated in the actual interface |
| 4MY ACCOUNT ↗to | Open account, sites or subscription management; It is not the editor of the search engine. | NavigationLocated in the actual interface |
| 5Activate dark modebutton | Toggle the visual theme and retain the browser preference. It does not modify content or commercial data. | Local preferenceLocated in the actual interface |
| 6Open administration panelto | Open global administration; requires explicit permission from NegocioLibre. | Browsing with permissionLocated in the actual interface |
| 7Appearance and integrationbutton | Open the “Appearance and Integration” section of the dashboard. Switching views is not a substitute for saving a pending form. | NavigationLocated in the actual interface |
| 8Analyticsbutton | Open the “Analytics” section of the dashboard. Switching views is not a substitute for saving a pending form. | NavigationLocated in the actual interface |
| 9Enable recommendationscheckbox | Activates or deactivates the function indicated by the label. Check its status and save if the form requires it. | Selection; requires saving according to the formLocated in the actual interface |
| 10Titlefield | Visible text that heads the component. Use a short, descriptive title. | data entryLocated in the actual interface |
| 11Selection Registered popularity and highlights Related to the productselect | Select the logic that chooses products for recommendations. It does not create new products. | data entryLocated in the actual interface |
| 12Alignment Left Center Rightselect | Aligns the content within the component. | data entryLocated in the actual interface |
| 13Productsnumber | Maximum number of products that the component should display. | data entryLocated in the actual interface |
| 14Card radius (px)number | Roundness of cards in pixels; check the result on mobile. | data entryLocated in the actual interface |
| 15Titlecolor | Title color; maintain contrast with the background. | data entryLocated in the actual interface |
| 16carousel backgroundcolor | Component background color. | data entryLocated in the actual interface |
| 17card backgroundcolor | Background color of each card. | data entryLocated in the actual interface |
| 18Edgecolor | Card border color. | data entryLocated in the actual interface |
| 19Pricecolor | Normal price color. | data entryLocated in the actual interface |
| 20Offer pricecolor | Offer price color. | data entryLocated in the actual interface |
| 21Show cart buttoncheckbox | Show or hide the add to cart button on the supported component. Check the actual integration. | Selection; requires saving according to the formLocated in the actual interface |
| 22Save settingsbutton | Submit the form fields in this section. Review the data and context before confirming. A validation error requires correcting the fields; a conflict notice requires reloading. | Persistent changeLocated; not run in production |
| 23Integration codetextarea | Fragment generated to place the component in an authorized destination. Do not modify or publish private credentials. | Public integration codeLocated in the actual interface |
| 24Copy codebutton | Copy the indicated identifier or code to the clipboard. Then you must paste it into the authorized destination; copying does not install anything. | clipboardLocated in the actual interface |
Recommendations · Analytics 13 controls
| Control | How to use | Effect |
|---|---|---|
| 1Select storeselect | Change the store or active site. Check this selector before saving, importing, or syncing. | data entryLocated in the actual interface |
| 2Notifications: 3 unreadbutton | Opens account context notices and its unread counter. A historical warning does not confirm a current failure. | ReadingLocated in the actual interface |
| 3inboxbutton | Open the account’s messages and notifications inbox. | NavigationLocated in the actual interface |
| 4MY ACCOUNT ↗to | Open account, sites or subscription management; It is not the editor of the search engine. | NavigationLocated in the actual interface |
| 5Activate dark modebutton | Toggle the visual theme and retain the browser preference. It does not modify content or commercial data. | Local preferenceLocated in the actual interface |
| 6Open administration panelto | Open global administration; requires explicit permission from NegocioLibre. | Browsing with permissionLocated in the actual interface |
| 7Appearance and integrationbutton | Open the “Appearance and Integration” section of the dashboard. Switching views is not a substitute for saving a pending form. | NavigationLocated in the actual interface |
| 8Analyticsbutton | Open the “Analytics” section of the dashboard. Switching views is not a substitute for saving a pending form. | NavigationLocated in the actual interface |
| 9Sincedate | Defines the start date of the report. | data entryLocated in the actual interface |
| 10Untildate | Defines the end date; Please check the time zone indicated. | data entryLocated in the actual interface |
| 11Device All Desktop Mobileselect | Limits the report to the selected device; It doesn’t change the store experience. | data entryLocated in the actual interface |
| 12Applybutton | Apply the period and filters of the report. Compare equivalent dates and check time zone. | ConsultationLocated in the actual interface |
| 13Export CSVbutton | Exports the available set of the report and its filters. It does not guarantee to export all historical events. Treat the file as business information. | ExportLocated in the actual interface |
Steps
- Select the correct store or site in the header.
- Locate the control by its label in the capture and in the table.
- Check if its effect is read, local selection or persistent change before using it.
Before changing data
Check permissions and context. A snapshot documents the observed interface, it does not guarantee that all states, plans or integrations have the same controls. Hidden fields protect real data; They are not example information.
After using a control
In a save, review the confirmation and consult the data again. In a sync, it checks for completion and a sample of the result. Don’t interpret opening a form or copying code as a completed post.
How to verify it worked
The control produces the documented effect and preserves the correct context data and constraints.