Contents x
    User interface result page
      • PDF
      Contents

      User interface result page

        • PDF
        Article summary

        The Result Page area contains several tabs. In this article you will find information on all user interfaces.

        Result Page

        • Result Page Title: Title of the result page

        • Result Page Headline: Headline of the result page

        • Result Page Bottom Line: Text at the bottom of the result page

        • Wrong Filter Text: Text displayed when an invalid value is entered in a result page filter.

        • Number of product columns: Number of columns of recommendations on the result page.

        • Enable editing of user inputs on result page: Activates the function to edit answers directly on the result page.

        • Recommendations can only appear in one sort group: A product appears on the result page in one sort group, even if it belongs to two sort groups data-wise.

        • Recommendation Amount: Display of a text on the result page to indicate the amount of recommendations. The placeholder {{shown}} indicates the number of recommendations displayed. The placeholder {{total}} indicates the total number of matching recommendations.

        Sort Groups

        Sort groups are categories for displaying results in groups.

        • + Add Sort Group: Create new sort group.

        • Sort group label: Name of the group on the result page.

        • Sort group description: Description of the sort group. This information is currently only transmitted via an interface (API). This function helps you if you are using your own front end.

        • Meta name: Automatically generated technical name.

        • Product attribute: The column from the CSV file according to whose information / numerical values should be sorted.

        • Sort function (ASC or DSC): Ascending or descending order of product recommendation. The order is based on the values in the CSV file.

        • Maximum shown: Maximum number of products in the sort group that are displayed expanded when loading the result page.

        • Maximum loaded: Maximum number of products that can be loaded in total. Example: For maximum shown = 5 and maximum loaded = 10, 5 products are displayed in full size. You can click to display 5 more products in full size, so that a total of 10 products are visible.

        • Unique priority: Setting the priority. Products that are assigned to several sort groups are displayed in the higher-priority sort group.

        • Display according to input expression: Controls which user inputs trigger the display of the sort group.

        • Display according to embed expression: Controls which embed parameters trigger the display of the sort group.

        • Delete: Delete the sort group.

        Top / Bottom Sections

        The top and bottom sections are the areas above and below the product section on the result page.

        In contrast to the product sections, the elements of these sections are not tied to specific recommendations.

        • CTA api button: Button that serves as an interface for transferring the results to a shopping cart. Would you like to connect your shopping cart? Contact your CSM support directly: csm@foxbase.de

        • CTA to external Link: Redirects the user to an external website in a new tab.

        • CTA Form Page Button: Opens the contact form.

        • CTA PDF Download Button: Download a PDF document.

        • CTA go to wishlist: Redirects the user to the wishlist.

        • Export recommendations as CSV button: Export product recommendations as CSV file.

        • Headline: Enter a headline for the result page.

        • Paragraph: Enter a text for the result page.

        • IFrame: Integration of elements such as videos as iFrame.

        • Share button: Share the result page by email.

        • Add all recommendations to wishlist button: Add all recommendations to wishlist.

        • Wishlist clearing button: Clearing of the wishlist.

        💡You need a code template to use the wWishlist components. Are you interested? Your CSM support will be happy to help you.

        • Rules Generated Field: Selection of the fields that are configured in the rules.

        💡Visible when the rules feature is activated. If you are interested, please contact your CSM support.

        Product Sections

        The product sections section shows information on the product recommendations. In contrast to the elements of the top and bottom sections, this section refers to the products.

        • Title: Title of the recommended product.

        • Additional Data: Display of additional information (e.g. texts) on the recommendations.

        • Additional Data Expandable: Has the same functionality as Additional Data. The information is hidden and can be expanded with a click.

        • Picture: Picture of the recommended product.

        • CTA to Form Page: Open the contact form.

        • User input: Display of the answers selected by the user. To activate this function, also select the pages whose responses you want to display on the result page under Algorithm > show_user_inputs .

        • Download: Download up to 8 attachments such as instructions, technical data sheets or similar for download.

        • CTA to external Link: Redirection to an external website

        • Labels: Display of product-specific icons. The URLs for the icons come from the product data.

        • Copy Text Modal: Copy a text to the clipboard by clicking on it.

        • Download Modal: Has the same functionality as Download. The download takes place via a pop-up.

        • CTA api button: Interface for transferring the results to a shopping cart. Would you like to connect your shopping cart? Contact your CSM support directly: csm@foxbase.de

        • CTA to Event: Button that sends an event with configured data to other JavaScript applications when clicked.

        • IFrame: Display of a product-specific IFrame.

        • Paragraph: Entry of a text that is displayed on the result page.

        • Quantity: Specification of the required product quantity for the wishlist.

        • Handlebars Data: Allows you to access the answers from the questionnaire and display them on the result page.

        • Add to Wishlist button: Transfers the selected product recommendation to the wishlist.

        • CTA Detail Page Button: Redirects the user to the detail page.

        • Image Gallery: Display of a picture gallery. Selector user navigates through the gallery by clicking.

        💡You need a code template to use the wishlist and detail Ppage components. Are you interested? Your CSM support will be happy to help you.

        No Result Page

        The No Result Page appears if no product matches the user input. This case can only occur when using the matrix as recommendation logic.

        • No Result Page Headline: Headline of the page.

        • No Result Page Starting Text: Text above.

        • No Result Page Middle Text: Text in the middle.

        • No Result Page Ending Text: Text below.

        • Display form: Display of the contact form.

        Detail Page

        Detail pages contain further information and user actions on a separate page for each result.

        • Add Detail Page: Add a new detail page.

        • Name: Name of the detail page.

        • Path: User-defined URL extension.

        • Layout Configuration: Input field for detail page code.

        • Store Configuration: Input field for detail page code.

        • Temporary Translation Configuration: Input field for translations.

        • Delete: Delete the detail page.

        💡You need a code template to use the detail page. Are you interested? Your CSM support will be happy to help you.

        Was this article helpful?
        What's Next