\r\n For nearly four decades, Wild Republic’s realistic stuffed animals and toys have helped children explore the beauty of nature.\r\n Our mission is to create toys that foster curiosity about wildlife and educate children about\r\n the wonders of nature. Wild Republic is the natural choice for young explorers everywhere.\r\n
\r\n\r\n If you are a Wild Republic existing retailer and do not have an account, please register here\r\n
\r\n Register\r\n\r\n Want to be Wild Republic retailer, please make a request here\r\n
\r\n Request\r\n\r\n For nearly four decades, Wild Republic’s realistic stuffed animals and toys have helped children explore the beauty of nature.\r\n Our mission is to create toys that foster curiosity about wildlife and educate children about\r\n the wonders of nature. Wild Republic is the natural choice for young explorers everywhere.\r\n
\r\n\r\n Wild Republic has strong partnerships with retailers from around the world to help get our nature-inspired products into the hands of children everywhere.\r\n We strive to adhere to our core values in everything we do, so it’s important to us to make a positive impact on our customers, community and planet. Accordingly, we place people first and are driven by excellence in customer service. We take great pride in supporting our retail partners and offering them high quality products at reasonable prices.\r\n If you are a retailer interested in carrying our products, just fill out the form below to begin the partnership process.\r\n
\r\n\r\n The customer can visit https://b2b.wildrepubliccanada.com/ to login to the site and create orders. A landing page as in the below image appears,\r\n \r\n
Once logged in, the customer is taken to the home page in the site where they can place their orders. The orders can be placed using one of the below mentioned 3 methods
\r\nThe product catalog is available at the top of the home page in the navigation bar. By clicking on the “Catalog” option the customer will be able to view all products categorized and listed.
\r\nEach product in the list has a feature (“add to cart” button) to add the product to cart directly.
\r\n\r\n The buttons in each product are self-descriptive and display an explanation pop-up while hovering on them. This makes the purpose of each button clear. The minimum quantity of each product is auto filled in the quantity box. The item quantity can be changed by the customer using the ‘+’ or ‘-’ button or by entering the quantity in the field directly if required. The entered quantity is then validated and set to correct pack quantity multiple of that item.\r\n
\r\nThe customer can browse more products in the catalog page or search for a specific product by entering the SKU/Item# of the product in the product search bar.
\r\n\r\nOnce all the required products are added to cart, the total number of items are updated at the cart icon box at the top navigation bar and highlighted as in the below image.\r\n
\r\nThe cart icon at the navigation bar can be clicked on, to navigate to the cart page. The cart page has the list of all items added to the cart as in the image below,
\r\nIf the customer tries to approve the order when his order value is below the minimum order value, the following pop-up appears and asks him to purchase more items.
\r\nThe customer must select a shipping address from the list displayed below the ordered items in the cart page. Also select a ship date which is three days later than the order creation date. Optionally, reference number, comments can be added for the order. New Shipping address can be added using the button “Add another address”.
\r\nIf the shipping address is not in the list, then it can be added by clicking the add another address button which will open up a window as in the below image
\r\nAfter verifying the ordered items the user can opt to either “Save” the order to complete later or “Approve” it to place the order.
\r\n Save: The order can be saved to edit/approve it later.
Approve: The order can be approved right away which sends email notifications to the customer as well as the Wild Republic Sales Department. (Note: Approved order cannot be deleted)
The “Import” option enables the customer to order items in bulk.
\r\nNavigate to Quick order -> By import
\r\nThe import page allows only the .csv file formats. A sample .csv format file can be downloaded by clicking the download icon at the page.
\r\nAfter entering the items in the given format, it can be uploaded to the page by clicking on the “Choose File” option as in the above image,
\r\nThe items in the file are populated across the form in the page as in the file imported. The customer can add these items to cart by clicking the “add to basket” button. The uploaded item file imports the items into the page as in the following image,
\r\nAny errors in the ordered items shows a pop-up warning, allowing the customer to edit or delete the erroneous items.
\r\nThis allows the customer to verify/ edit / remove the items and then clicking the “add to basket” button will add all items to cart, and the page is navigated to the cart.
\r\nThe Scan page allows the customer to create orders by entering the item#/SKU or by scanning the products barcode from the physical catalog or the actual product.
\r\nNavigate to Quick order -> Scan/ Entry
\r\nA page as in the below image appears making the user to be able to scan the items.
\r\nThe products can be scanned continuously. The scanned products are automatically filled in the list below without entering any data. These product details like quantity can also be edited.
\r\nThe “add to basket” button at the end of the page lets the items be added to cart.
\r\nPromotions in B2B are pre-applied when the order is created. The navigation has a link called ‘Offers’ to view all the available promos for the customer.
\r\nThe order value is calculated, and the applicable promo is shown at the top of the cart page. Also, the next redeemable promo and the respective order value criteria is displayed next to the applied promo.
\r\nBelow is an image with promo applied at cart page,
\r\nThe applied promo code is applied to the order when it is saved/approved. The additional purchase value required to avail the next promo is also available. More offers can be viewed by clicking on View more offers.
\r\nThe orders created in B2B can be managed in manage->orders page.
\r\nThe page contains the list of all orders as in the below image,
\r\nThe list displays all order related data and provides more options to view / manage each order.
\r\nBelow is the screenshot of an order in view,
\r\nThe “view” option displays all the details of an order.
\r\nCustomer can print the order created. The below is a print view of the above order.
\r\nClicking on the ‘More’ icon will display a menu, where there is a repeat order button which will create a new order at the basket by copying the selected previous order.
\r\nNote: Approved orders cannot be edited or deleted.
\r\nSending email notification of the order The menu under the ‘More’ button has an “Email” option which enables the customer to send email notifications to email id’s that the customer wants in the pop-up. The Notification pop-up display is as follows.
\r\nAs described earlier an order can be saved or approved. The customer can approve an order that was created earlier by clicking on the “Edit / Approve” button. The “Approve” button first redirects the page to cart where the customer will have more options to customize the order.
\r\nOnce the order is approved or saved a pop-up message will display as in the above image confirming that the order was created.
\r\n\r\nHovering on the sidebar of the user dashboard page, expands a menu for various purposes.
\r\n\r\nThe My Account->profile page looks like the following image and allows the customer to manage his profile data such as email Id and phone number.
\r\nThe user dashboard page provides features to change the created password at My account -> change password page. Below is a screen shot of that page,
\r\nManage Users menu has options to view the b2b user list and add a new user. A typical user list looks like the following image under Manage users->List page,
\r\nCustomer can use “Add user” page to create their own users in the B2B site under their B2B account. The page looks as in the following image,
\r\n{{order.comments}}
\r\nSKU : {{item.itemNumber}}, Discount: {{item.lineDiscount}}%
\r\n\r\nSKU : {{item.no}}
\r\nSKU : {{item.itemNumber}}, Discount: {{item.lineDiscount}}%
\r\npre-applied on order worth\r\n {{item.minOrderAmount |currency :format.currencyCode :format.symbol :format.numberFormat }}
\r\n#SKU | \r\n{{('quickOrder.STOCKCHECK'|translate)}} | \r\nBack order Qty | \r\nETA | \r\n\r\n {{('catalog.CARTONQTY'|translate)}} | \r\nInner pack | \r\n\r\n | \r\n
---|---|---|---|---|---|---|
{{item.sku}} | \r\n{{item.stock}} | \r\n{{item.quantity-item.stock}} | \r\n{{item.eta | date:format.dateFormat}}\r\n NA\r\n | \r\n{{item.packQty}}1 | \r\n0\">{{item.multiples}}1 | \r\n\r\n | \r\n
check_circle_outline {{message}}
\r\n","import { Component, Input, OnInit } from '@angular/core';\r\nimport { Router } from '@angular/router';\r\nimport { LocaleService } from 'src/app/core/services/locale.service';\r\n\r\n@Component({\r\n selector: 'app-empty-content',\r\n templateUrl: './empty-content.component.html',\r\n styleUrls: ['./empty-content.component.scss']\r\n})\r\nexport class EmptyContentComponent implements OnInit {\r\n\r\n public imageURL!:string;\r\n @Input('noImageUri') noImageUri:string = \"\";\r\n \r\n constructor(public localeService:LocaleService,public router:Router) { }\r\n\r\n ngOnInit() {\r\n let localeCode=this.localeService.code;\r\n this.imageURL='assets/img/empty-'+localeCode+'.jpg';\r\n }\r\n backtoShop(){\r\n this.router.navigate(['/catalog']);\r\n }\r\n\r\n}\r\n","Reference Number: {{orderRefNo}}
\r\nDelivery Location: {{deliveryLocation.name}}
\r\nComments: {{Comments}}
\r\n{{content}}
\r\n
\r\n product-search works!\r\n
\r\n","import { Component, OnInit, Input, OnChanges, ViewChild, AfterViewInit } from '@angular/core';\r\nimport * as Immutable from 'immutable';\r\nimport { OwlCarousel } from 'ngx-owl-carousel';\r\nimport { ImageConfig } from 'src/app/model/api-config';\r\nimport { CatalogService } from 'src/app/catalog/services/catalog.service';\r\nimport { CurrencyPipe } from '@angular/common';\r\nimport { LocaleService } from 'src/app/core/services/locale.service';\r\nimport { LocaleFormat } from 'src/app/model/locale-format';\r\nimport { OwlOptions } from 'ngx-owl-carousel-o';\r\n\r\n@Component({\r\n selector: 'app-slide-show',\r\n templateUrl: './slide-show.component.html',\r\n styleUrls: ['./slide-show.component.scss']\r\n})\r\nexport class SlideShowComponent implements OnInit,OnChanges,AfterViewInit {\r\n\r\n @Input() options!:any;\r\n @Input() items!:any;\r\n @ViewChild('owlElement',{static:false}) owlElement!: OwlCarousel;\r\n Sharedoptions!:any;\r\n public imageConfig!:ImageConfig;\r\n images!:any;\r\n currencyFormat!:any;\r\n format!:LocaleFormat;\r\n hide=false;\r\n\r\n customOptions: OwlOptions = {\r\n loop: true,\r\n dots: false,\r\n nav: true,\r\n items:1,\r\n autoplay:true,\r\n autoplayTimeout:10000,\r\n autoplaySpeed:4000\r\n }\r\n\r\n constructor(public catalogService:CatalogService,public currencyPipe:CurrencyPipe,public localeService:LocaleService) { }\r\n\r\n ngOnInit() {\r\n this.Sharedoptions = Immutable.Map(this.options);\r\n this.imageConfig=this.catalogService.getImageConfig();\r\n this.format=this.localeService.localeFormat;\r\n }\r\n ngOnChanges(changes:any){\r\n this.hide=true;\r\n setTimeout(()=>{this.hide=false},0)\r\n }\r\n ngAfterViewInit(){\r\n\r\n }\r\n\r\n}\r\n","\r\n\r\n\r\n\r\n\r\nPlease fix the following errors:
\r\n