How can we help?

Result Page

You are here:

Under the menu item Result Page the result page can be configured.

Result Page

The Result Page is the page that is displayed to the customer at the end of the question tree. It contains Product recommendations, descriptions and advantages, CallToAction buttons and much more. The result page can be designed and arranged individually. Among other things, the title, the heading, the number of product columns on the results page, etc. can be specified.

You can sort the products into groups on the Result Page. There are also 3 sections in which you can influence the structure of the product recommendation:

  • Top sections
  • Product Sections
  • Bottom sections

By clicking on "Result Page" in the digitizer you will get to the following page:

The result page can be designed and arranged individually. Among other things, the title, the heading, the number of product columns on the results page, etc. can be specified.
  1. Result Page Title: Title of the results page
  2. Result Page Headline: Heading of the results page
  3. Result Page Bottom Line: Signature of the results page
  4. Amount product labels before: Text before (9)
  5. Amount product labels in between: Text between (9) and (8)
  6. Amount products label after: Text after (8)

    Example for points 4 - 6

    The results page says the following:

    It will 5 of 10 Results displayed.

    Explanation:
    [Amount products label before] 5 [Amount products label in between] 10 [Amount products label after]

  7. Number of product columns: Number of product columns to be displayed in the recommendation view
  8. Show amount of recommendations remaining: Show number of all recommendations
  9. Show amount of Recommendations shown: Show the number of recommendations displayed
  10. Enable editing of user inputs on result page: Ability to edit the selected options directly on the results page
  11. Recommendations can only appear in one sort group: Prevents a product belonging to two sort groups from being displayed in more than one on the results page. This is relevant, for example, if you only want to display premium products in the top sort group and not in another sort group below.
Frontend display: Result age
Frontend: Result Page

Sort Groups

With the Sort Group, the recommended products can also be sorted using the rating stored in the CSV file and thus divided into categories.

With the Sort Group you can also sort the recommended products based on the rating stored in the CSV file.
  1. + Add Sort Group: Create a new sort group
  2. With the arrow you can collapse the Sort Group and thus gain a better overview of the existing Sort Groups.
  3. Sort group label: Name of the group on the results page
  4. Meta name: The meta name is a technical name and is created automatically
  5. Product attribute: The column from the entered CSV file, according to whose information / numerical values are to be sorted.
  6. Sort function (ASC or DSC): Ascending or descending order in which the products are recommended. The order is based on the values specified in the CSV file. You store these in individual columns: If 1 or 0 are entered as values, you can control whether the products should be displayed (1) or not (0). If you specify the following numbers (e.g. 1-5), you can influence the order.
  7. Maximum shown: Maximum number of products in the Sort Group that were displayed when the results page was loaded unfolded should be displayed. With maximum shown it is determined how many of the products specified with maximum loaded are to be displayed in full size.
  8. Maximum loaded: Maximum number of products that will be loaded in total. Example: If “maximum shown” is 5 and “maximum loaded” is 10, 5 full-size products are initially displayed. Then 5 more products can be displayed in full size with one click, so that a total of 10 products have been loaded.
  9. Threshold: From this value onwards, all the products are displayed that have a at least have deposited just as great a value
  10. Delete: The Sort Group is deleted by clicking on the trash can.

Result Page Top / Bottom Sections

The top and bottom sections do not differ in their configuration or functionality. The key difference is the location in the front end: The top sections are above the product recommendations and the bottom sections are below. Top / Bottom Sections can contain the following elements, which can be added using the "Add Section" button:

  1. CTA api button: Creates a button that is saved as a Interface for submitting the results to a shopping cart serves. This feature is currently a bit more complex technically. If you have any questions, please do not hesitate to contact us as follows: kontakt@foxbase.de
  2. CTA Form Page Button: Generates a button which forwards the customer to the contact form page.
    • CTA Button Label: Here you define the text of the button
    • Target Form Page: Here you select the relevant contact form page
  3. CTA PDF download button: Generates a button that gives the customer the option of downloading a stored PDF.
    • Button Label: Here you define the text of the button
    • Template URL: Here you store the document you have selected for the customer
    • Custom Download File Name: Here you specify how the document should be titled
    • Display: Here you can specify that the download button is only displayed after certain answers in the questionnaire
  4. Headline: A heading just above the Product Section
  5. Paragraph: A text between the headline and the product section
  6. IFrame: Here you can include additional elements such as a video
    • Display / Do Not Display If: Here you can specify that your integrated element is only displayed in the questionnaire after certain answers are given
  7. Share button: Gives the customer the opportunity to recommend your website / products or similar to others via email
    • Button Label: Here you define the text of the button
    • Sharing Email Subject: Here you specify the subject of the email to be shared
    • Sharing Email Body: Here you specify the content of the email to be shared

Result Page Product Sections

  1. Title: Recommended product title
    • Data Source Column: Here you define the corresponding column of your CSV file
    • Display: Allows the display of the title to be controlled depending on the user's answers in the questionnaire
  2. Additional data: Gives the customer additional information about their products
    • Icon URL: Here you can store an icon
    • Static Label: Use this tab to define the heading for the section
    • Label From Data: As an alternative to the "Static Label", you can drag the heading from the CSV file
    • Data Source Column: Here you select the column of the CSV file in which the information is stored
    • Display: Allows the display of the element to be controlled depending on the user's answers in the questionnaire
  3. Additional data expandable: Has the same functionality as "Additional Data", but the information is initially hidden and can be expanded by the customer with one click.
  4. Picture: A photo of the recommended product
    • Image URL Template: Here you enter the URL of the product photo you have chosen. Entering a URL will display the same photo for all products. In order to use variable photos, an individual image URL must be stored in the product file for each product. You can access the corresponding column in the CSV file via the “DataSource Column” tab.
  5. Price: This feature is used to calculate the total price of the selected products, but is currently not available
  6. CTA to Form Page: Generates a button which forwards the customer to the contact form page
    • Button Label: Here you define the text of the button
    • Target Form Page: Here you specify which contact form the customer should be forwarded to
  7. User input: This feature is currently not available
  8. Download: Here you can offer the customer up to 8 attachments such as instructions, technical data sheets or the like for download. A detailed explanation can be found on this page below Download section.
  9. CTA to external link: Redirects the customer to another website (this will open in a new tab)
    • Button Label: Here you define the text of the button
    • External Link: Here you enter the web address to which the customer should be forwarded
    • Data Source Column: If you want to save a different web address depending on the recommended product, you can save it in the CSV file and select this column here
  10. Labels: Four labels / icons can be added to each product on the results page. These are stored in the CSV file in a corresponding column with their URLs. The configuration is identical to that in the Download section (8)
  11. Copy Text Modal: Allows the customer to copy a text you have selected to their clipboard with a simple click
    • Static Label: Here you define the title of the section
    • Label From Data: Here you can get a variable title from your CSV file
    • First Copy Button Label: Here you can define the text of the first "Copy" button
    • First Attribute For Text: Here you can use the CSV file to store the text to be copied
Backend: Copy Text Modal
Backend: Copy Text Modal
  • Download Modal: Has the same functionality as "Download" (8), but differs in appearance in the front end
  • CTA api button: Generates a button that serves as an interface for transferring the results to a shopping cart. This feature is currently a bit more complex technically. If you have any questions, please do not hesitate to contact us as follows: kontakt@foxbase.de.
  • Handlebars Data: Allows you to access the answers from the questionnaire and use them in various ways on the results page
    • Icon URL: Here you store the URL of the icon of your choice
    • Static Label: Here you define the title of the tradable section
    • Label From Data: Here you can get a variable title from your CSV file
    • Data Source Column: Here you select the corresponding column of your CSV file (in this you determine which inputs from the questionnaire you want to use. It looks something like this: <{{userInput [0] .questions [0] .answers [0] .value}}>

Example: Linking backend (left) & frontend (right)

Linking backend (left) & frontend (right)

Setting up product sections

As shown above, different sections can be set up on the results page, such as a download section or a label section.

Download section

Any number of download sections with a maximum of eight attachments can be added to each product on the results page. In the download area, for example, instructions, technical data sheets, etc. can be attached.

To get to the download section, select in the menu: Result Page> Result Page Product Sections> Add Section> Download.

Results page download section

Before doing the product upload in the CSV file (see also product upload) the corresponding columns need to be set (in this example: technical_datasheet_url and technical_datasheet_name), which contain the URLs to the attached files in the download area:

Results page download file

Info: Column names in the CSV file

These can then be downloaded from "First URL Column" etc. Additional attachments can be added by clicking on the plus symbol (see below).

Result page technical data sheets

Info: left: configuration of the download section in the digitizer backend; right: download section in the selector (front end) that the user sees

In the "First URL Column" the column must be selected which contains the URL to the attached file.
In the "First Name Column" the column can be selected which contains the name of the respective attached files.

In this way, individual attachments with individual designations can be set for each product, eg "Leaflet A-600" or "Leaflet B-600".

ATTENTION: If nothing is specified under "First Name Column", the name set under "First fallback Name" is used.

In addition, product data sheets can be generated in the download section. You can find templates for this here:

Download template result PDF for customers: DOWNLOAD HERE

Template product data sheet PDF for customers: DOWNLOAD HERE

You save the template as follows:

  1. Open link
  2. Right click "Save as"
  3. save in .fodt format
  4. Open and edit the file with LibreOffice

You can read how the configuration of the PDF data sheets works here: Digitizer Documentation> Leads> Create PDF for the Digital Product Selector

Label section

Four labels / icons can be added to each product on the results page. The label section can be selected under "Configure Columns".

Here, too, the corresponding columns containing the URLs for the labels must be set in the CSV file before the product is uploaded. The configuration is identical to the download section (see above).

Results page label section

Example: headline + paragraph

In addition to the product sections, additional result page sections can be created above and below the result sections. The desired sections such as a headline, a CTA button or a text section can be created under “Result Page Top Sections” or “Result Page Bottom Sections”.

Results page headline & paragraph
Results page headline & paragraph 2

Shopping cart

In the Result Page section under “CTA api Button” the Interface for submitting the results to a shopping cart can be determined. This feature is currently a little more technically complex. If you have any questions, please do not hesitate to contact us as follows:

kontakt@foxbase.de 

Was this article helpful?
How can we improve this article?
Please submit the reason for your vote so that we can improve the article.
Further No Result Page
Table of Contents

Contact

We look forward to every inquiry about the Digital Product Selector. Let's digitize B2B sales sustainably together!

info

mailkontakt@foxbase.de
phone+49 211 1586 4066
addressOststrasse 10, 40211 Düsseldorf