Category: Saclab

  • 9. UI Elements

    Topic regarding the element being used on pages and posts (journal articles)

    Goal: to enrich our content.

  • 8. Tax office integration

    General info

    Integration of seller’s data to German tax office

  • Story 44.1. Submission traffic source (UTM)

    General info

    As we are running ads for our sell your bag page, we would like to track which submissions are coming in from the which ads, so we know if the ads are working

    User story

    As an Airtable user

    I want to see the source of the bag submission

    So that helps to analyze the ads campaign and understand the source of the submission

    Acceptance criteria

    01

    Given: ads campaign with the link that included UTMs

    When: click in the campaign with this link as example: https://saclab.com/bags/bottega-veneta-jodie-mini-lamb-light-blue/?utm_source=Facebook&utm_medium=Video&utm_campaign=bottega-veneta-jodie-mini-lamb-light-blue&utm_content=somename111
    AND submit new bag

    Then: save cookies for this seller with UTMs to the bag submitted record https://airtable.com/app93qva9GLDAou8T/tblthooxdfTQB91Ar/viwYusAcB7dP5Ws5W?blocks=hide

    02

    Given: https://airtable.com/app93qva9GLDAou8T/tblthooxdfTQB91Ar/viwYusAcB7dP5Ws5W?blocks=hide

    When: I open a bag record in AirTable “Saclab Inventory” AND “SYB submitted” AND “Clients”

    Then: I see these columns in the Airtable:

    • utm_source: The source of the traffic (e.g., Google Ads, Facebook Ads).

    • utm_medium: The marketing medium (e.g., CPC, banner).

    • utm_campaign: The specific campaign name.

    • utm_content: specific ad name

    Example: https://docs.google.com/spreadsheets/d/1tIKtTxl2KACsbUCEP7ItQQNGQD0xbVpMrVSTbURJZ-M/edit#gid=0

    How the link was generated:

    https://ga-dev-tools.google/campaign-url-builder/

    image-20240606-114336.png

    Example:

    utm_source=meta&utm_medium=cpc&utm_campaign={{campaign.name}}&utm_content={{ad.name}}

    https://saclab.com/bags/bottega-veneta-jodie-mini-lamb-light-blue/?utm_source=Facebook&utm_medium=Video&utm_campaign=bottega-veneta-jodie-mini-lamb-light-blue&utm_content=somename111

  • Story 1. Name

    General info

    Any general description here

    User story

    As a …

    I want …

    So that …

    Visual design:

    Desktop:

    Mobile

    Acceptance criteria

    01

    Given:

    When:

    Then:

    image, wireframe, screenshot form design

    02

    Given:

    When:

    Then:

    image, wireframe, screenshot form design

    03

    Given:

    When:

    Then:

    image, wireframe, screenshot form design

  • Epic 1. Name

    General info

    General description

    Epic ticket:

    User stories

    Visual design

    Desktop:

    Mobile:

  • Epic 81. Submit Seller’s information to the Bundeszentralamt für Steuern (Federal Central Tax Office)

    General info

    By the end of April 2024, we as Saclab need to submit our seller’s information to the Tax office through their online portal.

    More information can be found here https://www.bzst.de/DE/Service/Portalinformation/Massendaten/DIP/dip.html

    Documentations:

    khb_dip (1).pdf khb_dip_checkliste.pdf Communication_Manual_DIP…

  • Story 71.3. “Pay via Apple Pay”-Button on Product Page / Cart

    General Info

     For a fast checkout, we want to offer the User the option to checkout via Apple Pay. “Pay via Apple Pay”-Buttons are going to be displayed on individual Product Pages, the Cart and in the Checkout.

    User Story

    As a website user

    I want to order the products online with Apple pay payment method on a product page, the cart or in the checkout. I’m used to clicking on a “Apple Pay” button for an express checkout, as it makes the checkout quick and convenient. I’m using macOS or iOS with Safari.

     

    Design / Flowcharts

    1. On the Checkout page

      1. Desktop https://www.figma.com/design/6KT0tZfJw3u7R8b5pCH8vw/Saclab-Team-Library?node-id=5524-1994&t=6szvXRxd9SM2HmPY-1
        – When “Apple pay is clicked”, show pop-up: “Agree to t&c…”. Only proceed to Apple pay when user ticks the box (mandatory)

      2. Mobile https://www.figma.com/design/6KT0tZfJw3u7R8b5pCH8vw/Saclab-Team-Library?node-id=4808-7220&t=6szvXRxd9SM2HmPY-1
        – When “Apple pay is clicked”, show pop-up: “Agree to t&c…”. Only proceed to Apple pay when user ticks the box (mandatory)

    2. On “Shopping bag” popup

      1. Desktophttps://www.figma.com/file/6KT0tZfJw3u7R8b5pCH8vw/Saclab-Team-Library?type=design&node-id=1811%3A14452&mode=design&t=cBUfY505Xm3BoCxU-1

        • When “Apple pay is clicked”, show pop-up: “Agree to t&c…”. Only proceed to Apple pay when user ticks the box (mandatory)

      2. Mobilehttps://www.figma.com/file/6KT0tZfJw3u7R8b5pCH8vw/Saclab-Team-Library?type=design&node-id=1811%3A16166&mode=design&t=cBUfY505Xm3BoCxU-1

        • When “Apple pay is clicked”, show pop-up: “Agree to t&c…”. Only proceed to Apple pay when user ticks the box (mandatory)

    3. On individual product pages

      1. Desktop: https://www.figma.com/file/6KT0tZfJw3u7R8b5pCH8vw/Saclab-Team-Library?type=design&node-id=1279%3A9621&mode=design&t=cBUfY505Xm3BoCxU-1

      2. Mobile: https://www.figma.com/file/6KT0tZfJw3u7R8b5pCH8vw/Saclab-Team-Library?type=design&node-id=1278%3A9196&mode=design&t=ZS3fa4NJT8MHi8px-1

     

    Acceptance criteria

     

    01

    Given: product page https://stage.saclab.com/bags/unlimited-product/
    AND MacOS + Browser Safari OR iOS + Safari

    When: click “Apple Pay“ button AND check displayed checkbox(agree to T&C) from Popup

    Then: money is automatically debited from the bank card/order is processed
    AND open page “Thank you. Your order has been received.”
    AND all contact information is received automatically from Apple user’s account:
    – Name
    – Email
    – Phone
    – Address

    AND Send eMail to buyer “Invoice xxx we’re waiting on your payment”

    AND Send eMail to seller “Your bag was sold”

    image-20240419-063026.png

    Screenshot 2024-04-23 at 16.23.07.png

    02

    Given: product page https://stage.saclab.com/bags/unlimited-product/
    AND NOT MacOS + Browser Safari OR NOT iOS + Safari

    When: don’t see the Apple pay button

    Then: can’t finish the order with fast payment with Apple Pay button

     

    03

    Given: Product(s) in Cart, Cart is open AND MacOS + Browser Safari OR iOS + Safari

    When: click “Apple Pay“ button AND check displayed checkbox (agree to T&C) from Popup

    Then: money is automatically debited from the bank card/order is processed
    AND open page “Thank you. Your order has been received.”
    AND all contact information is received automatically from Apple user’s account:

    • Name

    • Email

    • Phone

    • Address

    AND Send eMail to buyer “Invoice xxx we’re waiting on your payment”

    AND Send eMail to seller “Your bag was sold”

    Screenshot 2024-04-23 at 17.17.56.pngScreenshot 2024-04-23 at 17.18.04.png

    04

    Given: Product(s) in Cart, Cart is open
    AND NOT MacOS + Browser Safari OR NOT iOS + Safari

    When: don’t see the Apple pay button

    Then: can’t finish the order with fast payment with Apple Pay button

    Screenshot 2024-04-24 at 17.16.29.png

    05

    Given: User enters Checkout AND MacOS + Browser Safari OR iOS + Safari

    When: Apple Pay Button is clicked AND

    Then:

    money is automatically debited from the bank card/order is processed
    AND open page “Thank you. Your order has been received.”
    AND all contact information is received automatically from Apple user’s account:

    • Name

    • Email

    • Phone

    • Address

    AND Send eMail to buyer “Invoice xxx we’re waiting on your payment”

    AND Send eMail to seller “Your bag was sold”

    Screenshot 2024-08-12 at 15.28.38.png

    Screenshot 2024-08-12 at 15.28.51.png

    06

    Given: User enters Checkout
    AND NOT MacOS + Browser Safari OR NOT iOS + Safari

    When: don’t see the block “Express Checkout including Apple pay button

    Then: can’t finish the order with fast payment with Apple Pay button

    Screenshot 2024-08-12 at 15.26.36.png

    07

    Given: User gets Apple Pay Button displayed

    When: User clicks “Apple Pay” on Product Page OR Cart OR Checkout AND User is located in US

    Then: checkbox (agree to T&C) AND ceckbox“no returns possible” is displayed has to be checked

    Then: money is automatically debited from the bank card/order is processed
    AND open page “Thank you. Your order has been received.”
    AND all contact information is received automatically from Apple user’s account:

    • Name

    • Email

    • Phone

    • Address

    AND Send eMail to buyer “Invoice xxx we’re waiting on your payment”

    AND Send eMail to seller “Your bag was sold”

    Screenshot 2024-04-24 at 17.11.56.png

    08

    Given: User clicks “Pay with Apple Pay”-Button on PP or Cart
    When: Product is “exotic leather” AND User set “Ship to” of Apple Pay to outside EU and tries to Pay via Apple Pay
    Then: Cancel the Apple Pay Payment Process AND display iOs Apple Pay Error Message AND let the user change the Shipping Address within EU.

    Error Message:
    EN: We cannot deliver exotic bags to an address outside of the EU.
    EN: Unable to ship outside the EU
    DE: Leider können wir Modelle aus Exotenleder nicht an eine Adresse außerhalb der EU liefern.
    DE: Versand außerhalb der EU nicht möglich
    FR: Malheureusement, nous ne pouvons pas livrer les sacs en cuirs exotiques aux adresses situées en dehors de l’Union européenne.
    FR: Impossible d’expédier hors de l’UE

    Screenshot 2024-09-02 at 17.37.17.png

    image-20240904-152531.png

    09

    Given: User sees Price in € AND clicks “Pay with Apple Pay”-Button on PP or Cart
    When: User set “Ship to” in Apple Pay Payment Process to USA
    Then: Cancel the Apple Pay Payment Process AND reload the same page but as US version

    Given: A Customer sees $amount on PP/cart/checkout
    When: The user tries checking out via Apple Pay
    Then: User can only checkout when "shipping to" is set to a USA
    When: The user tries checking out with “Shipping to” outside of USA
    Then User gets an error message "USD payments ship only to the US."
    And let the user change the shipping address

    EN: USD payments ship only to the US.
    DE: USD-Zahlungen werden nur in die USA versendet.
    FR: Les paiements en USD sont expédiés uniquement aux USA.
    (allow us to change that text somewhere in WP)

    Screenshot 2024-09-02 at 17.34.56.png

    10

    Given: User sees Price in $ AND clicks “Pay with Apple Pay”-Button on PP or Cart
    When: User set “Ship to” in Apple Pay Payment Process outside of USA
    Then: Cancel the Apple Pay Payment Process AND reload the same page but as EN € version
    Given: A Customer sees € aumount on PP/Cart/Checkout
    When: The user tries checking out via Apple Pay and the “Shipping to” Address is set to outside the US
    Then: User can checkout (as long as it still respects the exotic leather limitation)
    When: The user tries checking out with “Shipping to” an US Address
    Then: User gets error message “€ payments can’t ship to the US.”
    And let the user change the shipping address

    EN: € payments can’t ship to the US.
    DE: € Zahlungen können nicht in die USA versendet werden.
    FR: Les paiements en € ne sont pas expédiés aux USA.

    (allow us to change that text somewhere in WP)

     

  • Story 71.2. Apple Pay: Integration outside of the Plugin

    General Info

     

    User Story

    As a website user

    I want to order the products online with Apple pay payment method

    So that helps to buy the products in a convenient way in Safari or iPhone

     

    Design / Flowcharts

     

     

    Acceptance criteria

     

    01

    Given: checkout page https://stage.saclab.com/checkout/
    AND Browser Safari OR iPhone+Safari

    When: fill out the form
    AND select type of payment “Apple Pay“
    AND click button image-20240423-135327.png

    Then: money is automatically debited from the bank card
    AND open page “Thank you. Your order has been received.”

     

    image-20240419-060117.png

    02

    Given: checkout page https://stage.saclab.com/checkout/
    AND Browser NOT Safari
    AND NOT iPhone+Safari

    When: fill out the form

    Then: don’t see type of payment “Apple Pay“