How to extend Dynamics 365 Commerce e-Commerce

25

Transcript of How to extend Dynamics 365 Commerce e-Commerce

Page 1: How to extend Dynamics 365 Commerce e-Commerce
Page 2: How to extend Dynamics 365 Commerce e-Commerce

How to extend Dynamics 365 Commerce e-Commerce

FastTrack TechTalk DYN765PAL/2

Page 3: How to extend Dynamics 365 Commerce e-Commerce

overview3. Developer tools and e-Commerce architecture

How to extend Dynamics 365 Commerce e-Commerce

FastTrack TechTalk DYN765PAL/2

Page 4: How to extend Dynamics 365 Commerce e-Commerce

2. Site Builder tool overview3. Developer tools and e-Commerce architecture4. SDK5. Demo building a module/data action/theme

How to extend Dynamics 365 Commerce e-Commerce

FastTrack TechTalk DYN765PAL/2

Page 5: How to extend Dynamics 365 Commerce e-Commerce

Inventory Management

Analytics &

Intelligence

Customer

Management

Empowered

workforce

Call

Center

Mobile

commerce

e-CommerceKiosk

Unified

payments

Brick-and-

mortar

Retail & Commerce

Merchandising

Order

Management

Integrated end-to-end retail operations

E-Commerce, Mobile, Modern Store, with Omni-Channel payments & flows

Sealed, Extensible

Centralized management & visibility

Flexible – Cloud, Hybrid & On-Prem*

Unified

payments

e-Commerce

Page 6: How to extend Dynamics 365 Commerce e-Commerce

Architecture Overview

Dynamics 365 for Retail

Retail Headquarters

Products

Loyalty

Promotions

External Services

Shipping

Tax

Gift card

Content

Management

System (CMS)

Web Storefront

Administration

C1 Store Persona C2 Shopper C1 Admin Persona Existing Touchpoint New Touchpoint

Business Logic – Retail Server

Custom

Extensions

Merchandising

– Catalog,

Inventory

Pricing,

Discounts,

Promotions

Customer,

loyalty

Employee,

Shifts

Order, Cart,

Checkout,

Wishlist

Catalog

Employees

Channel mgmt

Assortments

Inventory availability

Order capture

Pricing

……

Customers

Commerce Runtime (CRT)

Inventory Mgmt Order Mgmt Procurement Supply Chain Warehousing HR/AP/AR/GL

Surround

Apps

Surround Apps

Administration

Recommend

-ations

Ratings

&

reviews

Modern POS Cloud POS Web Storefront

Page 7: How to extend Dynamics 365 Commerce e-Commerce

• Product search supporting auto-suggestion, paging, faceted filtering and sorting, removing stop words, smart sorting and search relevance

• Customer accounts using native log-ins, social ID log-ins and order history lookup

• Support for all major credit cards• Integrated with Microsoft Fraud Protection• Support for Adyen payment gateway out of the box

and 3rd party payment gateways• Customers can ship to address, BOPIS, BORIS and

create split orders and shipping to multiple addresses

• Support for 1st and 3rd party gift cards• Native loyalty programs, loyalty cards, card

adjustments and card conflict resolution• Support for wish lists• Support for coupon codes and discounts• Native ratings and review service with content

moderation, spam and fraud detection and voting• Adaptive responsive pages that scale for device and

screen type• Mobile optimized responsive web storefront

Page 8: How to extend Dynamics 365 Commerce e-Commerce

• Rich content management capabilities• Support for marketing pages• Default product detail pages (PDP) and enriched

PDP pages• Digital asset management with image, video and

binary support• Ability to create and manage layouts, templates and

content fragments• Ability to create content variants for use with 1st and

3rd party segmentation services• Simplified URL management supporting aliases and

redirects• Automated sitemap generation for marketing

content and products• Content release groups to easily manage site

updates• Scheduled publishing for release groups, pages and

assets• Dependency viewer to easily identify

interdependencies between content items• SEO optimization with 1st and 3rd party tags, page

and asset metadata, ability to render with multiple metatag types

• Fully integrated with Microsoft Accessibility Insights to ensure content is web accessible

Page 9: How to extend Dynamics 365 Commerce e-Commerce

• Product variants, kits and service items• Configurable product attributes• Category and assortment management• Multiple inventory valuation methods• Flexible pricing with date-effective prices, category-

based prices, discounts (quantity, percentage, threshold and mix-and-match discounts) and shipping based promotions

• Centralized, currency, exchange-rate, tax and price management

• Payment method management• Configurable types of charging (shipping, installation,

etc.)• Support for subscription-based sales• Ability to manage tax rules and shipping providers and

rates or connecting to 3rd party solutions for this data• Native recommendation service using AI algorithms to

deliver top, frequently bought together, people also bought and personalized product recommendations

• Native clickstream analytics to CDS and dashboards• Support for 3rd party clickstream analytics services

Page 10: How to extend Dynamics 365 Commerce e-Commerce

• Conform to a wide range of privacy, compliance and accessibility standards

• GDPR compliance out-of-the-box• Centralized back-office management portal• Ability to manage multiple sites and brands• Ability to localize and marketize website content at

the site, page, asset, image level• Backoffice and e-commerce extensibility allows for

full customization of your business• Data actions enable you to leverage external

services to bring additional functionality to your website

• Utilizes the best of Microsoft technologies like Azureand CDS with the best of open source like React and Bootstrap

• Full SaaS solution running in Azure• Deployment, servicing and support with multiple

environment types, express route support, zero downtime auto-updates, control freeze windows and 24/7 support

• Security provide by encryption in transit and at rest and AAD integration

• Availability, reliability and performance monitoring tied to 24x7 alerting and incident management

SOC 1

ISO 27001

SOC 2

ISO 27017 ISO 27018

PCI PA-DSSHIPAA BAA

FERPASpain

ENS

Accessibility

Page 11: How to extend Dynamics 365 Commerce e-Commerce

1. Commerce overview2. Site Builder tool overview3. Developer tools and e-Commerce architecture4. SDK5. Demo building a module/data action/theme

How to extend Dynamics 365 Commerce e-Commerce

FastTrack TechTalk DYN765PAL/2

Page 12: How to extend Dynamics 365 Commerce e-Commerce
Page 13: How to extend Dynamics 365 Commerce e-Commerce

1. Commerce overview2. Site Builder tool overview3. Developer tools and e-Commerce architecture4. SDK5. Demo building a module/data action/theme

How to extend Dynamics 365 Commerce e-Commerce

FastTrack TechTalk DYN765PAL/2

Page 14: How to extend Dynamics 365 Commerce e-Commerce

React

Javascript/Typescript

Node and package management via NPM

SCSS for theme development (or CSS)

How to extend Dynamics 365 Commerce e-Commerce

FastTrack TechTalk DYN765PAL/2

Page 15: How to extend Dynamics 365 Commerce e-Commerce

Node.js (JavaScript runtime)

https://nodejs.org

Yarn (NPM dependency management tool)

https://yarnpkg.com

Visual Studio Code (source code editor)

https://code.visualstudio.com

Git (optional source code repository)

https://git-scm.com/downloads

How to extend Dynamics 365 Commerce e-Commerce

FastTrack TechTalk DYN765PAL/2

Page 16: How to extend Dynamics 365 Commerce e-Commerce

Partner Node Container

React

Mobx

SCSS

Account Modules

Media Player

Product Tile

Buy Box

Get Product Info

Get Categories

Marketing Modules

Default

Starter Kit Customizations

Modules

Data actions

Themes

Module 1

Module 2

Data action 1

Data action 1

Theme 1 Theme 2

External Data Sources

Retail Server

Commerce Online SDK / Runtime

CLI ToolsBuild

Retail Data actionsUtilities

Custom Data Actions (HTTP)Retail Proxy

Commerce Online Platform

Auth

Updates

Security

GlobalizationShoppers

HTTP Request

Azure CMS

HTTP Response

How to extend Dynamics 365 Commerce e-Commerce

FastTrack TechTalk DYN765PAL/2

Page 17: How to extend Dynamics 365 Commerce e-Commerce

1. Commerce overview2. Site Builder tool overview3. Developer tools and e-Commerce architecture4. SDK5. Demo building a module/data action/theme

How to extend Dynamics 365 Commerce e-Commerce

FastTrack TechTalk DYN765PAL/2

Page 18: How to extend Dynamics 365 Commerce e-Commerce

SDK includes

• Store Starter Kit (pre-built modules / data actions / themes)

• CLI commands (add-module, add-theme, pack, …)

• Runtime APIs (localization, globalization, cookies, …)

SDK configuration hosted on GitHub

• https://github.com/microsoft/Msdyn365.Commerce.Online

Documentation

• https://docs.microsoft.com/dynamics365/commerce/

How to extend Dynamics 365 Commerce e-Commerce

FastTrack TechTalk DYN765PAL/2

Page 19: How to extend Dynamics 365 Commerce e-Commerce

c:\repos>clone repo

https://github.com/microsoft/Msdyn365.Commerce.Online

c:\repos>cd Mydyn365.Commerce.Online

c:\repos\Mydyn365.Commerce.Online>yarn

How to extend Dynamics 365 Commerce e-Commerce

FastTrack TechTalk DYN765PAL/2

Page 20: How to extend Dynamics 365 Commerce e-Commerce

1. Commerce overview2. Site Builder tool overview3. Developer tools and e-Commerce architecture4. SDK5. Demo building a module/data action/theme

How to extend Dynamics 365 Commerce e-Commerce

FastTrack TechTalk DYN765PAL/2

Page 21: How to extend Dynamics 365 Commerce e-Commerce
Page 22: How to extend Dynamics 365 Commerce e-Commerce
Page 23: How to extend Dynamics 365 Commerce e-Commerce

https://docs.microsoft.com/dynamics365/commerce/

How to extend Dynamics 365 Commerce e-Commerce

FastTrack TechTalk DYN765PAL/2

Page 24: How to extend Dynamics 365 Commerce e-Commerce
Page 25: How to extend Dynamics 365 Commerce e-Commerce