<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>Amazon Connector Service</title>
                <link rel="icon" type="image/png" href="/favicon.ico" sizes="16x16">
        <link rel="stylesheet" href="/css/bootstrap.min.css">
        <link rel="stylesheet/less" type="text/css" href="/css/main.less">
        <script src="//cdnjs.cloudflare.com/ajax/libs/less.js/3.9.0/less.min.js" ></script>
        <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700&display=swap" rel="stylesheet">
        <style>
            .example-wrapper { margin: 1em auto; max-width: 800px; width: 95%; font: 18px/1.5 sans-serif; }
            .example-wrapper code { background: #F5F5F5; padding: 2px 6px; }
        </style>
    </head>
    <body>
                <div id="wknotification" class="">Some text some message..</div>
         
        
                                    <nav class="navbar navbar-expand-lg navbar-light">
    <a class="navbar-brand" href="/"><img src="/images/logo.svg" alt="Amazon Connector Service"></a>
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
    </button>

    <div class="collapse navbar-collapse" id="navbarSupportedContent">
        <ul class="navbar-nav ml-auto">
                        <li class="nav-item">
                <a class="nav-link" href="#features">Features</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="#price">Pricing</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="#supportale_platform">Platforms</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" target="_blank" href="https://webkul.uvdesk.com/en/">Support</a>
            </li>
            <li class="nav-item" id="vertical-line">
                <a class="nav-link disabled" href="javascript:;" tabindex="-1" aria-disabled="true"></a>
            </li>
                    </ul>
        <a class="wk-btn-link my-2 my-sm-0 mr-sm-2" target="_blank" href="https://usercentral.webkul.com/admin/login">Login</a>
        <a class="wk-btn wk-btn-primary my-2 my-sm-0" target="_blank" href="https://usercentral.webkul.com/admin/registration?service=amazon_connector_spapi">Register</a>
        
            </div>
</nav>                            <div class="mt-3">
            <section id="banner">
        <div class="container">
            <div class="row">
                <div class="col-sm-6">
                    <img src="/images/Illustration-welcome-slide.png" class="banner-img">
                </div>
                <div class="col-sm-6 pt-85 pl-80">
                    <h1 class="banner-heading">Amazon Connector</h1>
                                        <p class="banner-para">Get the simplest possible way to import products and sync orders from Amazon seller central to your Platform.</p>
                    
                    <div class="form-group">
                        <label for="platform">Select a platform to get started</label>
                        <select class="form-control custom-select" id="platform">
                            <option value="">Select Platform</option>
                            <option value="shopify">Shopify</option>
                            <option value="prestashop">Prestashop</option>
                            <option value="magento">Magento</option>
                            <option value="opencart">Opencart</option>
                            <option value="wordpress">Wordpress</option>
                            <option value="odoo">Odoo</option>
                        </select>
                    </div>
                    <button type="button" class="wk-btn wk-btn-success btn-pad-15x28 btn_get_started">Get Started</button>
                                    </div>
            </div>
        </div>
    </section>
    
    <section id="features">
        <div class="container">
            <div class="row">
                <div class="col-sm-4">
                    <div class="feature h-100">
                        <div class="feature-img">
                            <img src="/images/icon-sync-products.png">
                        </div>
                        <div class="feature-heading">
                              Sync Products  
                        </div>
                        <div class="feature-para">
                            Import products, create inventories and map them with the your Platform's products to sync the inventories.
                        </div>
                    </div>
                </div>
                <div class="col-sm-4">
                    <div class="feature h-100">
                        <div class="feature-img">
                            <img src="/images/icon-sync-orders.png">
                        </div>
                        <div class="feature-heading">
                              Sync Orders  
                        </div>
                        <div class="feature-para">
                            Import Amazon orders to your Platfrom and sync the inventories on both the ends. 
                        </div>
                    </div>
                </div>
                <div class="col-sm-4">
                    <div class="feature h-100">
                        <div class="feature-img">
                            <img src="/images/icon-sync-order-updates.png">
                        </div>
                        <div class="feature-heading">
                              Order Details
                        </div>
                        <div class="feature-para">
                            Get the list of all the Amazon orders imported to the app and create orders on your Platform.
                        </div>
                    </div>
                </div>
                                            </div>
        </div>
    </section>
    
    <section id="supportale_platform">
        <div class="container">
            <div class="row">
                <div class="col-sm-12 mb-5">
                    <div class="platform">
                        <div class="platform-heading">
                            Supportable Platforms
                        </div>
                        <div class="platform-para">
                            Here is the list platforms that we support
                        </div>
                    </div>
                </div>
                <div class="col-sm-12 text-center">
                    <div class="mb-5">
                        <span class="mr-5"><img src="/images/platforms-shopify.png" ></span>
                        <span class="mr-5"><img src="/images/platforms-prestashop.png" ></span>
                        <span class="mr-5"><img src="/images/platforms-magento.png" ></span>
                        <span class="mr-5"><img src="/images/platforms-opencart.png" ></span>
                    </div>
                    <div class="">
                                                <span class="mr-5"><img src="/images/platforms-wordpress.png" ></span>
                        <span class="mr-5"><img src="/images/platforms-odoo.png" ></span>
                    </div>
                        
                </div>
            </div>
        </div>
    </section>
                    
    <section id="price">
        <div class="container mt-5">
            <div class="row">
                <div class="col-sm-12 mb-5">
                    <div class="price">
                        <div class="price-heading">
                            Pricings
                        </div>
                        <div class="price-para">
                            Check the pricing plan and opt for the one that best suits your business needs.
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                                                                                                                                                                    <div class="col-sm-4">
                            <div class="prices" style="">
                                <div class="prices-img">
                                                                        <img src="/images/icon_plan_starter.png">
                                                                    </div>
                                <div class="prices-heading">
                                    STARTER
                                </div>
                                <div class="prices-para">
                                                                                                                        <p>
                                                                                                    <img src="/images/icon-plans-check.svg"> 3,000 
                                                 
                                                Listings
                                            </p>
                                                                                    <p>
                                                                                                    <img src="/images/icon-plans-check.svg"> 250 
                                                 
                                                Orders
                                            </p>
                                                                                                            </div>
                                <hr>
                                <div class="prices-amount">
                                    <span class="prices-currency">$</span><span class="prices-price1">25</span><span class="prices-price2">.00</span> <span class="small">/month</span>
                                    
                                                                    </div>
                                <div class="prices-button pt-4">
                                    <button type="button" class="btn_get_started wk-btn wk-btn-secondary btn-pad-15x28"> Get Started </button>
                                </div>
                            </div>
                        </div>
                                            <div class="col-sm-4">
                            <div class="prices" style="">
                                <div class="prices-img">
                                                                        <img src="/images/icon_plan_pro.png">
                                                                    </div>
                                <div class="prices-heading">
                                    PRO
                                </div>
                                <div class="prices-para">
                                                                                                                        <p>
                                                                                                    <img src="/images/icon-plans-check.svg"> 10,000 
                                                 
                                                Listings
                                            </p>
                                                                                    <p>
                                                                                                    <img src="/images/icon-plans-check.svg"> 1,000 
                                                 
                                                Orders
                                            </p>
                                                                                                            </div>
                                <hr>
                                <div class="prices-amount">
                                    <span class="prices-currency">$</span><span class="prices-price1">45</span><span class="prices-price2">.00</span> <span class="small">/month</span>
                                    
                                                                    </div>
                                <div class="prices-button pt-4">
                                    <button type="button" class="btn_get_started wk-btn wk-btn-primary btn-pad-15x28"> Get Started </button>
                                </div>
                            </div>
                        </div>
                                            <div class="col-sm-4">
                            <div class="prices" style="">
                                <div class="prices-img">
                                                                        <img src="/images/icon_plan_mega.png">
                                                                    </div>
                                <div class="prices-heading">
                                    MEGA
                                </div>
                                <div class="prices-para">
                                                                                                                        <p>
                                                                                                    <img src="/images/icon-plans-check.svg"> Unlimited 
                                                 
                                                Listings
                                            </p>
                                                                                    <p>
                                                                                                    <img src="/images/icon-plans-check.svg"> Unlimited 
                                                 
                                                Orders
                                            </p>
                                                                                                            </div>
                                <hr>
                                <div class="prices-amount">
                                    <span class="prices-currency">$</span><span class="prices-price1">100</span><span class="prices-price2">.00</span> <span class="small">/month</span>
                                    
                                                                    </div>
                                <div class="prices-button pt-4">
                                    <button type="button" class="btn_get_started wk-btn wk-btn-secondary btn-pad-15x28"> Get Started </button>
                                </div>
                            </div>
                        </div>
                                                </div>
        </div>
    </section>
    
    <section id="contact">
        <div class="container">
            <div class="row">
                <div class="col-sm-12">
                    <div class="contact">
                        <div class="contact-heading">
                            Connect your Amazon Seller Central to your Platform Now!
                        </div>
                        <div class="contact-para">
                            Import Amazon products, orders from Amazon seller central account to your Platform.
                        </div>
                        <div class="contact-button mt-4">
                            <button type="button" class="wk-btn wk-btn-success btn-pad-15x28 btn_get_started"> Get Started </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
        
        </div>
        <!-- Back to top -->
<div id="back-to-top">
    <span>^</span>
</div>
<!-- /Back to top -->
<!-- Preloader -->
<div id="preloader">
    <div class="preloader">
        <span></span>
        <span></span>
        <span></span>
        <span></span>
    </div>
</div>
<!-- /Preloader -->
<div class="container-fluid">
    <div class="footer">
        © Copyright 2010-2026, <a class="copyright"  href="https://webkul.com" target="_blank">Webkul Software</a>. All rights reserved.
    </div>
</div>       
    </body>
    
    <script src="/js/jquery-3.3.1.min.js"></script>
    <script src="/js/bootstrap.min.js"></script>
    <script>
        $(document).on('click', '.btn_get_started', function(){
            var platform = $('#platform').val();
            if(platform == '' || $.trim(platform) == ''){
                var snackbar = $('#wknotification');
                snackbar.text('Please select platform to proceed.').addClass('show wk-noti-error');
                setTimeout(function () {
                    snackbar.removeClass('show wk-noti-error');
                }, 3000);
                $('html, body').animate({
                    scrollTop: $("#banner").offset().top
                }, 2000);
                $("#platform").focus();
            }else if(platform == 'shopify'){
                console.log('sdg');
                window.location.href = "https://apps.shopify.com/amazon-connector";
            }else{
                window.location.href = "https://usercentral.webkul.com/" + "admin/registration?service=" + "amazon_connector_spapi"
            }
        });
        
        
        (function($) {
            "use strict"

            ///////////////////////////
            // Preloader
            $(window).on('load', function() {
                $("#preloader").delay(600).fadeOut();
            });

            ///////////////////////////
            // Smooth scroll
            $(".navbar-nav a[href^='#']").on('click', function(e) {
                    e.preventDefault();
                    var hash = this.hash;
                    $('html, body').animate({
                            scrollTop: $(this.hash).offset().top
                    }, 600);
            });

            $('#back-to-top').on('click', function(){
                $('body,html').animate({
                        scrollTop: 0
                }, 600);
            });

            ///////////////////////////
            // On Scroll
            $(window).on('scroll', function() {
                    var wScroll = $(this).scrollTop();
                    // Back To Top Appear
                    wScroll > 400 ? $('#back-to-top').fadeIn() : $('#back-to-top').fadeOut();
            });

        })(jQuery);
    </script>
</html>