Pular para o conteúdo principal
Base de Conhecimento da FocusVision

Shopping Cart Question

1:  About the Shopping Cart Question

In the shopping cart question, respondents simulate purchasing from an online store.

The shopping cart question should be set to optional unless all products must be purchased.

Screen Shot 2014-11-14 at 2_26_22 PM.png

Limitation: The Shopping Cart question does not support edits in the survey builder using Internet Explorer 11.

Learn more: Shopping Cart Concepts

2:  Adding a Shopping Cart Question

Note: You can set the "Show" filter to display only elements that are compatible or optimized for the devices allowed for your project. Click here to learn how to how verify your project settings.

To add a shopping cart question, add a new survey element, select "Dynamic" and click on "Shopping Cart". Then click "Insert".

Enter the question text and instructions.

2.1:  Adding Products

Click "Product Actions" and select "Delete all Products" to remove the demo products.

Click "Add Products" to add your product images. Click in the product field, then click on the image icon.

Click here to learn about adding images.

Tips for adding images in the shopping cart question:

  • The full-sized image, used for the detailed view, should be around 200x250px
  • Upload the largest version of the image, the question automatically resizes the smaller versions of the image, unless specific sizes are specified in the style settings

Select the image(s) you want to insert. Then click "Insert".

2014-11-17_1558.png

In our example, we added all 4 images at once and the question automatically breaks them out and assigns individual product labels.

Click on each product row to access the options (along the right panel). Enter the product name and cost in the fields provided. Click here to jump to the options.

2.2:  Product Actions

3:  Style Settings

To configure the style settings for the question, click the "Style: Shopping Cart" link.

Configure the settings for the shopping cart question. Additional information about each feature will appear when you hover-over the text. Once the changes are made, click "Save".

Style Option Description
Currency Before

Shown in the question, detailed view and checkout summary.

Allows you to enter the currency symbol displayed before a product’s monetary amount. If Currency Before AND Currency After are left blank, the “$” symbol is used by default.

Example: $10.00

Currency After

Shown in the question, detailed view and checkout summary.

Allows you to enter the currency symbol after a product’s monetary amount.

Example: 5¢

Item Caption

Shown in the shopping cart checkout summary.

Allows you to enter a title for the products in a shopping cart. This name is displayed in the first column of the shopping cart checkout summary. If left blank, this column defaults to “Item”.

Quantity Caption

Shown in the shopping cart checkout summary.

Allows you to enter a title for the sum of products in a shopping cart. This name is displayed in the second column of the shopping cart checkout summary. If let blank, this column defaults to “Quantity”.

Price Caption

Shown in the shopping cart checkout summary.

Allows you to enter a title for the price of products in a shopping cart. This name is displayed in the third column of the shopping cart checkout summary. If left blank, this column defaults to “Price”.

Subtotal Caption

Shown in the shopping cart checkout summary.

Allows you to enter a title for the Subtotal in the shopping cart. This name is displayed in the summary row of the shopping cart checkout summary. If left blank, this row defaults to “Subtotal".

Empty Cart Caption

Shown in the shopping cart checkout summary.

Allows you to specify the text on the shopping cart checkout summary when the cart is empty. If left blank, the message defaults to “You have no items in your shopping cart.”.

Checkout Tooltip Caption

Shown in the shopping cart checkout summary.

Allows you to set the tooltip text, shown when the respondent hovers-over the checkout button. If left blank, the message defaults to “Click "Checkout" to continue to the next question.”.

View Cart Button (Singular)

Shown in the question when there is a single item in the cart.

Allows you to specify the text for the button that allows the respondent to view their cart and then checkout. If left blank, the message defaults to “[Number of] item”.

View Cart Button (Plural)

Shown in the question when there are multiple items in the cart, and when the cart is empty.

Allows you to specify the text for the button that allows the respondent to view their cart and then checkout. If left blank, the message defaults to “[Number of] items”.

View Detail Button

Shown in the question when the respondent hovers-over a product.

Allows you to change the text of the “View Details” button displayed when you click or hover-over an item on the question. If left blank, the message defaults to “View Details”.

Add to Cart Button

Shown in the question when the respondent hovers-over a product and in the detailed view.

Allows you to change the text of the “Add to Cart” button displayed when you click or hover-over an item. If left blank, the message defaults to “Add to Cart”.

Remove Button

Shown in the shopping cart checkout summary.

Allows you to add text to the right of the “Remove” icon. By default only the remove icon is displayed.

Example: [X] Remove from Cart

Continue Shopping Button

Shown in the shopping cart checkout summary.

Allows you to replace the text for the "Continue Shopping" button.

Checkout Button

Shown in the shopping cart checkout summary.

Allows you to replace the text for the "Checkout" button.

Item Size in Question

Specifies the size of the product image displayed in the question.

Valid formats include (measured in pixels): 25x35 , 25w, 35h, 45%

Default size is 25% of the original image size.

Example: If the uploaded image is 200x250px, the image shown in the question is sized to 50x63px

Item Size in Detailed View

Specifies the size of the product image displayed in the detailed view. This should be the largest, full-sized version of the product image.

Valid formats include (measured in pixels): 250x350, 250w, 350h, and 90%

Default size is 100% of the original image size.

Example: If the uploaded image is 200x250px, the image shown in detailed view is sized to 200x250px.

Item Size in Checkout Summary

Specifies the size of the product image displayed in the checkout summary.

Valid formats include (measured in pixels): 15x20, 15w, 20h, and 25%

Default size is 15% of the original image size.

Example: If the uploaded image is 200x250px, the image shown in the question is sized to 30x38px

4:  Question Options

The shopping cart options are located on the right side of the screen. You can set rules for the entire question by clicking near the question text or set rules for individual products by clicking on the row you wish to edit. The option section will show the question or row text, label and type you have selected to edit.

  • Label: The label assigned to the element. You may edit the default label for the text element here.
  • Type: Displays the element type and allows you to change the type.
  • Show if: Allows you to create new logic conditions or select an existing logic condition for the element. For more information, click here.
  • Languages: Select what languages the element will show in if the survey has multiple languages. The default is "all languages".
  • Mandatory: When checked this option will force respondents to provide a response. The respondent will be unable to continue the survey without completing the question. The shopping cart question should be optional unless all products must be purchased.
  • Randomize: Items can be randomized by rows, or none.
  • Verify: Allows you to restrict a response to a certain format, e.g., an email address or phone number. Click here to learn more.
  • More options: Use the dropdown menu to select less commonly used options. Once selected, you will be able to specify the setting for that option. For more information on each option, click here.
  • Raw options: If you prefer to manually enter the XML options, use the "raw options" dialog. This is useful for copying and pasting options between survey elements.

4.1:  Product Options

Click on a product row to access the options.

  • Label: The label assigned to the row. You may edit the default label for the row here.
  • Data value: The value assigned to the row in the data. You may edit the default value for the row here if the option is available.
  • Show if: Allows you to create new logic conditions or select an existing logic condition for the row. For more information, click here.
  • Languages: Select what languages the row will show in if the survey has multiple languages. The default is "all languages".
  • Product Name: Enter a name for the product, displayed above the product image.
  • Product Price: Enter the price of the product, shown when a respondent hovers-over the image.
  • Do not randomize: This option is only available if the "randomize" general option is selected. Checking this box will force the line to remain stationary. To watch a video tutorial, click here.
  • More options: Use the drop down menu to select less commonly used options. Once selected, you will be able to specify the setting for that option. For more information on each option, click here.
  • Raw options: If you prefer to manually enter the XML options, use the "raw options" dialog. This is useful for copying and pasting options between survey elements.
  • Este artigo foi útil?