Template Pages

Change the design of your Product Recommend a Friend Page

Purpose: This template controls the display of the "Email a Friend" feature on product listings. When initiated, a form prompts the store visitor to enter their name, their email and their friends name/email with a comment about the product they are viewing. Once submitted the software sends an email to their friend recommending the product to them.

Notes: The feature can be enabled/disabled in the Shift4Shop Online Store Manager's Settings ->General ->Store Settings. The layout of the sent email can be changed from Settings ->Design ->Emails.

Note: It is important to preserve the commented tags to ensure the software performs correctly.

For example:

      [recommendafriend_header]
      [name]
      [template]
      [stylesheet]
      [recommendafriend_visitorname]
      [recommendafriend_friendname]
      [recommendafriend_friendemail]
      [recommendafriend_note]
      [recommendafriend_message]
    <!--START: recomendBlock-->
      [catalogid]
      [sitename]
      [url]
      <!--START: thumbnail-->
        [thumbnail]
      <!--END: thumbnail-->
      [name]
      [recommendafriend_visitorname]
      [firstname]
      [recommendafriend_visitoremail]
      [email]
      [recommendafriend_friendname]
      [recommendafriend_friendemail]
      [recommendafriend_note]
      [recommendafriend_button]
    <!--END: recomendBlock-->
    <!--START: errorMsg-->
      [errorMsg]
    <!--END: errorMsg-->

Note: Code blocks and their respective variables will only work with specific template pages.

Note: Many of the following variables are dynamically inserted from your cart's Settings ->Design ->Store Language section.

  • [template] - Used by the Software to Reference the Design Theme being used for URL referencing.
  • [stylesheet] - Used by the Software to Reference the Design Theme CSS file being used for URL referencing.
  • [recommendafriend_header] - Displays the Title of the "Recommend A Friend" heading on the popup page. (See Settings ->Design ->Store Language)
  • [recommendafriend_message] - Displays the "Please complete the fields below..." instructional Text. (See Settings ->Design ->Store Language)
  • [thumbnail] - Inserts the Product Thumbnail image for the listing.
  • [name] - Inserts and references the Product Name information for the item being recommended.
  • [catalogid] - Inserts and references the Product's database ID for the recommendation links.
  • [sitename] - Inserts the Site Name information for the recommendation links.
  • [url] - Inserts the Store URL for the recommendation links.
  • [recommendafriend_visitorname] - Displays the Title of the "Your Name" field. (See Settings ->Design ->Store Language)
  • [firstname] - Inserts/References the visitor's Name Information.
  • [recommendafriend_visitoremail] - Displays the Title of the "Your Email" field. (See Settings ->Design ->Store Language)
  • [email] - Inserts/References, the Visitor's Email information.
  • [recommendafriend_friendname] - Displays the Title of the "Friend's Name" field. (See Settings ->Design ->Store Language)
  • [recommendafriend_friendemail] - Displays the Title of the "Friend's Email" field. (See Settings ->Design ->Store Language)
  • [recommendafriend_note] - Displays the Title of the "Note to Friend" field. (See Settings ->Design ->Store Language)
  • [recommendafriend_button] - Displays the Title of the "Recommend!" link/button. (See Settings ->Design ->Store Language)
  • [errorMsg] - Used by the software to insert an error message prompting the user to fill in required elements if they are missing.

Download this Template     (Save as a backup or edit to customize)

Screenshot of the recommendafriend.html Template