Styling the GDPR Compliance Links and Check Box

This article applies to Classic Commerce. (Looking for Contextual Commerce documentation?)

Overview

This article explains how to control the styling of the FastSpring terms of service and privacy policy links, and the associated acceptance check box, that will be displayed to some customers visiting Classic Commerce stores beginning on the 27th of April, 2018.

About the GDPR Links and the Check Box

One of the benefits of FastSpring's service is that we take care of compliance with local regulations automatically. As the merchant and seller of record, FastSpring is the responsible party for all transactions we process.

Note:  Your company may have separate obligations under GDPR. For more information, please visit https://info.fastspring.com/gdpr.

In order to comply with the European Union's General Data Protection Regulation (GDPR), FastSpring will be adding a new Terms of Service and Privacy Policy section to all Classic Commerce stores on April 27th.

  • Customers in the EU and certain other locations who visit Classic Commerce stores will see new links to FastSpring's terms of service and privacy policy. They will be required to select a check box to indicate acceptance of FastSpring's terms of service and privacy policy before they can submit an order for processing.
  • Customers who are not in the EU or certain other locations will see the new section, but will not be required to indicate acceptance of the terms and policy.

example_survey.png

FastSpring will add the new Terms of Service and Privacy Policy section using the custom field feature of your Classic Commerce store. Custom fields can be used for a variety of purposes, such as creating a survey for your customers to fill out during the checkout process, as illustrated here.

Existing custom fields will not be affected, and you can still create additional custom fields as needed, but the Terms of Service and Privacy Policy section will not be editable.

The following is an example of how the new section will appear in a store that uses the default style with no modifications.

GDPR_Example.png

 

Controlling the Style of the Links and the Check Box

Who is Affected?

If you have never modified the appearance and styling of your store pages, you do not need to take any action to style the new compliance links and check box.

If you have modified your store's style template and your store already uses a custom field, it is very likely that you have already adjusted your store's style template to present the custom field with suitable styling, and you will not have to take any additional action to style the new compliance links and check box.

If you have modified your store's style template and have not previously used a custom field, the modified visual style of your store pages may differ to the default style of the custom field that will be presented to customers. In that case, you may want to update your store's style template to include styling for the custom field.

Note:  If you currently use a custom field to display a link for your own terms of service, EULA, or privacy policy, and / or a check box to record customers' acceptance, you might want to consider removing those and presenting them directly on your web site, in order to prevent customer confusion.


How to Preview and Adjust the Style of the GDPR Compliance Links and Check Box

To find out exactly how the new terms of service and privacy policy links will look in your store, first create a custom field and then use the Store Testing links to preview your store and examine the new custom field.

Note:  The purpose of the following procedure is only to examine how the GDPR compliance links and check box will appear in your store. The custom field you create here will not be used for the GDPR compliance links and check box, and they will be added to your store on the 27th of April regardless of whether or not you follow this process to preview them.
  1. In the Promotions and Appearance section of your store menu, click Custom Fields.
    custom_fields.png
  2. Click Create Custom Field Configuration.
    create_custom_field_configuration.png
  3. In the Name field, enter any name (e.g. "Custom Field Test"), and then click Next.custom_field_name.png
  4. On the Form Design page, replace the default Display name with "FastSpring Terms of Service and Privacy Policy".
    click_add_field.png
  5. Click Add Field.
  6. For the Input Type, select Checkboxes.
    add_form_field.png
  7. The Name is for internal purposes only; customers will not see it. You can enter any text, but we recommend avoiding capital letters, spaces and punctuation (e.g. "tospp").
  8. In the Selectable Values field, enter "I agree with the FastSpring terms of service and privacy policy.".
  9. Click Add.
  10. Finally, on the form field's General page, click Save on the right-hand side.
    click_save.png
    Tip:  Because the new custom field configuration has a status of Test by default, it will not appear to your customers in live transactions (unless you change the status to Active).
  11. Now you are ready to use the Store Testing link on the main page of your store to examine how the new custom field will look.
    Store_Testing.png
  12. Click the Detail link next to a product to open a test version of your store, and then walk through the order process until you come to the newly-created custom field. It will appear on the last page before submitting the order. Ensure that the style of the font, color and placement of the custom field and its container meet your needs (e.g. that they blend well with your custom store style).
    detail.png
  13. If style changes are needed, we recommend that you use the services of a web developer to adjust your store's style template prior to the 27th of April, 2018. Your web developer can inspect the custom field elements in the store page preview to identify what changes should be made.

    To make the changes, first download your custom style template by selecting Styles from the home menu, clicking the name of your style, and then clicking the download hyperlink for the zip file on the next page.
    style_download.png
    It is a good idea to keep an unmodified backup copy of the style template in case you need to revert your changes. See our article XHTML Style Creation Tips for the basics of store style editing.

  14. When you are ready to delete the custom field created for testing this, from your main store menu select Custom Fields -> (the name of your test field configuration) -> Status. Then, on the right-hand side of the page, click Switch to Deleted Status. Click OK when prompted to confirm deletion of the custom field configuration.
    switch_to_deleted.png  

 

Have more questions? Submit a request

Comments

  • Avatar
    Patrick Woolsey (barebones)

    Is there any way to preview the actual new terms section within our existing store in advance of the April 27 change?

  • Avatar
    John Trumble (FastSpring)

    Hi Patrick,

    The new GDPR compliance section, containing a terms link, a privacy policy link, and in some cases an acceptance check box (for EU customers) will use the existing custom field functionality. Any custom styling you've done on custom fields will apply to the new section, too. While it's not possible to preview the actual section that will be deployed on April 27, you can see exactly how it will look - and then tweak the styling if need be - by adding a custom field to your store in test mode.

  • Avatar
    Patrick Woolsey (barebones)

    Hi John,

    OK, thank you for clarifying that the actual compliance content is not previewable, and I do understand how to test styling as your instructions for that are plenty clear. :-)

  • Avatar
    Johannes Selbach (seoprofiler)

    Will the terms section be automatically translated on the order page (for examle to German on German order pages)?

  • Avatar
    John Trumble (FastSpring)

    Hi Johannes,

    Yes, the new section will automatically be translated into all supported languages.

Powered by Zendesk