Child pages
  • Browsing the front-office

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: Migrated to Confluence 5.3
Warning

This documentation is currently being worked on. Until the stable version of PrestaShop 1.5 is released, it should not be seen as definitive.

Section
Column

<< Previous page

Column

Next page >>

Table of content

Table of Contents

...

maxLevel2
styledisc
printablefalse

Browsing the front-office

...

  • The "My account" block, containing links to the main pages of the user's profile (or the authentication page):
    • My orders. All past and currently processing orders.
    • My credit slips. Received when an order has been canceled. Credit slips can be used for any future order.
    • My addresses. A customer can add multiple addresses for different delivery options.
    • My personal info. First name, last name, e-mail address, home address, phone number, date of birth: all the necessary information about a customer.
    • My vouchers. All coupons code that have not yet been used.
    • My favorite products. The customers can mark products as favorite, for later purchase. They are stored here.
  • The "Information" block, containing:
      **
      • Three links to products lists:
        • Specials. All the current promotions.
        • New products. Recently added items.
        • Top sellers. Most popular items.
      • Four links to informational pages:
        • Our stores
        • Contact us
        • Terms and Conditions
        • About us
    • The "Follow Us" block, containing links to your shop's Facebook and Twitter accounts, and a link to your CMS's RSS feed.
    • The "Contact Us" block, containing the address, phone number and e-mail address of your business.

    ...

    Customers can register to your shop's newsletter directly using this form. Afterwards, the newsletter itself is entirely managed by you; PrestaShop does not handle the transmission of e-mails to the customers.
    The "Newsletter" module enables you to generate a .CSV file of all the registered customers and their e-mails, and you should be able to import that CSV file in any e-mailing system.

    The right column

    The default theme's right column hardly ever changes in the course of the shopping experience.
    These blocks are always available, from any page, in the default theme.

    ...

    Having your hotline phone number available from every page of your shop is essential.

    The

    ...

    central section

    This is where the magic happens. The middle central section changes constantly in response to the customer's choices.

    ...

    • Main thumbnail on the left.
    • Name and description in the middle central section.
    • Price, availability, "Add to cart" button and link to the product's page on the right.

    ...

    Clicking "Next" starts the check-out process.

    Creating

    ...

    a client account

    Because it is one of the main sources of lost customers for online shops, PrestaShop makes it simple and straightforward to create a customer account.

    ...

    • Your personal information. Everything that can uniquely identify the customer: first name, last name, e-mail (already entered), date of birth.
    • Customer data privacy. When registering to PrestaShop, the visitor has to agree to your data privacy. It is up to you write it, as it will legally bind you and your customers' data.

      Info

      You can change the content of the customer data privacy warning section by changing the configuration of the "Customer data privacy block" module (from the "Modules" page). Make sure to change it for all the available languages.

    Once registered, the customer is redirected to the "My account" page, where many options can be accessed: order history, credit slips, vouchers, and access to the previously entered information.

    Note

    Among the available links is "Add my first address". This will be the default shipping address for this customer - there can be many more.

    If the customer only has one registered address, it will be used both as the shipping and the billing address. During the order process, the customer can choose to use a different address for the billing addess, and create that new address on the fly.

    Buying a product

    Almost every page of your shop features an "Add to cart" button for the given product, and displays a quick summary of the cart's content. This makes it easy for customers to take the first step towards an order.

    ...

    1. (if the visitor is not logged in) The authentication screen, where the visitor can either go to the account creation page, or log in.
    2. The delivery address page. If the user account has no registered address, the customer is directly taken to the address creation form.

      Note

      Two addresses are necessary for an order:

      • The delivery address, where the order should be sent.
      • The billing address, which should be the one that is tied to the payment method.
      Image Added

      If the customer needs to have the order billed to an address other than the delivery one, he or she can deselect the "Use the delivery address as the billing address" box and either select an address from the currently registered ones, or create a new one.

      If an address turns out to be wrong, the customer can use the "Update" link to correct it.

      Image Removed
    3. The shipping page.

      This is where the customer can choose from different shipping- and packaging-related options:
      • Agreeing to the shop's terms of service is a requirement.
      • Depending on what the shop can offer, the customer may be able to choose recycled packaging and gift-wrapping (with an optional gift note)
      • The customer MUST choose a carrier in order to reach the next step.
    4. The payment page.
      Image Modified
      The customer can choose many payment options, depending on what the shop owner has set up. The customer clicks on the chosen method and depending on the method, is either sent over to the chosen third-party handler or continues to one of PrestaShop's pages where he or she can enter the needed details, such as a validation before displaying check or bank wire information.

      Note

      Check and bank wire are installed by default, but PrestaShop makes it easy to offer payment through PayPal, Google Checkout Hipay or any other 3rd party providers. See the modules installed by default in PrestaShop's back-office, or check the Addons marketplace for even more modules: http://addons.prestashop.com/.

    5. Once the customer has validated everything, the summary page is displayed.

      It begins with "Your order on (name of the shop) is complete". Depending on the chosen method of payment, some final information should be provided to the customer, along with a notification that a confirmation e-mail has been sent and a link to the customer support page. The customer must click on the "I confirm my order" button in order to have it validated

    ...

    At the bottom of the page, a table lists the stores closest to the user's search.

    Section
    Column

    << Previous page

    Column

    Next page >>