How can we help?

Results page

You are here:

Set up the Results 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. 

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

The Product Sections contain product-specific information such as product name, description, image, benefits, etc. and are located in the middle of the page. the Top and bottom section In contrast, they are used for general, product-independent actions above and below the product sections, such as calling up the contact form (“Form Page”) or sharing the result by email (“Share button”).

To edit, select the Result Page in the menu bar. 

First define the title, heading and signature. 

Frontend - backend:  

Result Page Frontend

Results Page - Upper Sections

Next, click on Top Section in the Result Page area and thus configure the area above the Product Section. Select the CTA form page button (CTA = call to action) and name the CTA button label Order Here. You have now created the button for the contact form:

Frontend - backend:  

A notice: In order for the button to be clickable and for the user to be able to enter their data, you must first configure the actual contact form. You can find out how this works in step 6.


Results Page - Product Sections

Under the Product Sections tab you define the properties of the product sections. Choose a title, image, short description and product benefits. 

Here, the imported information from the CSV file plays an important role because you can include them here. Under DataSourceColumn you can access the columns in the CSV file per section.

Title (Title): Select the product name (“productName”) as the title under DataSourceColumn. Specifically, the digitizer checks the data within the product data column "productName" and reflects the content stored there for the recommended products on the results page.

Picture (Picture): Select the column "picture" as the picture 

Description (Additional data 1): 

  • Assign icons (i.e. images) to the topics by selecting an icon URL.  
  • Static Label: “Description”. 
  • Label from data: “-”. 
  • DataSource Column: “shortDescription”. 

Advantages (Additional data 2): 

  • Assign icons (i.e. images) to the topics by selecting an icon URL. 
  • Static Label: “Advantages”. 
  • Label from data: “-”. 
  • DataSource Column: “benefits”. 

You can insert an icon URL to refine the page appearance. Use the following link for this:

https://cdn.foxbase.de/foxbase/icons/baseline-assessment-black-18/1x/baseline_assessment_black_18dp.png

Frontend - backend: 

Product section results page

Results Page - Lower Sections

In this example we are not filling out this section.

For example, you could use this section to Provide information sheets, technical data sheets and PDF files for download. A brief, illustrative explanation of the download section follows (click).


Proceed to the No Result Page. 

No result page

In the event that the selector cannot recommend a product to the customer, you should in the area Result Page Set up a No Result Page (see menu bar above). This is displayed to the customer if no products match his requirements.

If you want to show the contact form want, click Display form (see image). Then click on the name of your contact form in the drop-down menu.


Resources: Results page (further)

Was this article helpful?
How can we improve this article?
How Can We Improve This Article?
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