{"info":{"_postman_id":"383bea59-e5f3-410e-9e84-65508d96e931","name":"GraphQL Thank You Page","schema":"https://schema.getpostman.com/json/collection/v2.0.0/collection.json","toc":[],"description":"<html><head></head><body></body></html>","owner":"10589000","collectionId":"383bea59-e5f3-410e-9e84-65508d96e931","publishedId":"SzRuWrN4","public":true,"customColor":{"top-bar":"FFFFFF","right-sidebar":"303030","highlight":"EF5B25"},"publishDate":"2020-03-04T02:14:07.000Z"},"item":[{"name":"Get Order Success Page","id":"b6ba9ac7-eabb-4fd3-bbf1-0a2d07929869","protocolProfileBehavior":{"disableBodyPruning":true},"request":{"method":"POST","header":[{"key":"Authorization","value":"Bearer {{admin_token}}","type":"text"}],"body":{"mode":"graphql","graphql":{"query":"query {\r\n\tmpOrderSuccessPage(orderId: \"000000008\") {\r\n\t\tblock\r\n\t\tcontinue_button\r\n\t\tcoupon_label\r\n\t\tcoupon_pattern\r\n\t\tcreated_at\r\n\t\tcustom_css\r\n\t\tcustom_html\r\n\t\tcustom_style\r\n\t\tcustomer_group_ids\r\n\t\tdescription\r\n\t\tenable_coupon\r\n\t\tenable_faq\r\n\t\tenable_product_slider\r\n\t\tfaq_category\r\n\t\tfaq_limit\r\n\t\tfaq_title\r\n\t\tfaq_category\r\n\t\thtml\r\n\t\tname\r\n\t\tpage_type\r\n\t\tpriority\r\n\t\tproduct_slider_id\r\n\t\tproduct_slider_limit\r\n\t\tproduct_slider_title\r\n\t\tproduct_slider_additional\r\n\t\trule_id\r\n\t\tsocial_share\r\n\t\tstatic_block_1\r\n\t\tstatic_block_2\r\n\t\tstatus\r\n\t\tstore_ids\r\n\t\tstyle\r\n\t\tsub_title\r\n\t\ttemplate_id\r\n\t\ttitle\r\n\t\tupdated_at\r\n\t}\r\n}\r\n","variables":""}},"url":"{{magento_base_url}}/graphql","urlObject":{"path":["graphql"],"host":["{{magento_base_url}}"],"query":[],"variable":[]}},"response":[{"id":"248c0b64-3edd-4e44-9814-b71f11afa399","name":"Get Order Success Page Example","originalRequest":{"method":"POST","header":[{"key":"Authorization","value":"Bearer {{admin_token}}","type":"text"}],"body":{"mode":"graphql","graphql":{"query":"query {\r\n\tmpOrderSuccessPage(orderId: \"000000001\") {\r\n\t\tblock\r\n\t\tcontinue_button\r\n\t\tcoupon_label\r\n\t\tcoupon_pattern\r\n\t\tcreated_at\r\n\t\tcustom_css\r\n\t\tcustom_html\r\n\t\tcustom_style\r\n\t\tcustomer_group_ids\r\n\t\tdescription\r\n\t\tenable_coupon\r\n\t\tenable_faq\r\n\t\tenable_product_slider\r\n\t\tfaq_category\r\n\t\tfaq_limit\r\n\t\tfaq_title\r\n\t\tfaq_category\r\n\t\thtml\r\n\t\tname\r\n\t\tpage_type\r\n\t\tpriority\r\n\t\tproduct_slider_id\r\n\t\tproduct_slider_limit\r\n\t\tproduct_slider_title\r\n\t\tproduct_slider_additional\r\n\t\trule_id\r\n\t\tsocial_share\r\n\t\tstatic_block_1\r\n\t\tstatic_block_2\r\n\t\tstatus\r\n\t\tstore_ids\r\n\t\tstyle\r\n\t\tsub_title\r\n\t\ttemplate_id\r\n\t\ttitle\r\n\t\tupdated_at\r\n\t}\r\n}\r\n","variables":""}},"url":"{{magento_base_url}}/graphql"},"status":"OK","code":200,"_postman_previewlanguage":"json","header":[{"key":"Date","value":"Mon, 23 Mar 2020 08:38:39 GMT"},{"key":"Server","value":"Apache/2.4.38 (Ubuntu)"},{"key":"Expires","value":"Sat, 23 Mar 2019 08:38:39 GMT"},{"key":"Cache-Control","value":"max-age=0, must-revalidate, no-cache, no-store"},{"key":"Pragma","value":"no-cache"},{"key":"Set-Cookie","value":"PHPSESSID=tu4jj683n55ln3fg0pgovm07gh; expires=Mon, 23-Mar-2020 09:38:39 GMT; Max-Age=3600; path=/quynh/ce234b; domain=dev.mageplaza.vn; HttpOnly"},{"key":"Set-Cookie","value":"private_content_version=d6bc74da4457ef111fa5b722bb475479; expires=Thu, 21-Mar-2030 08:38:39 GMT; Max-Age=315360000; path=/"},{"key":"Set-Cookie","value":"private_content_version=659efb8ba9c74e15d90295e74d58336b; expires=Thu, 21-Mar-2030 08:38:39 GMT; Max-Age=315360000; path=/"},{"key":"Set-Cookie","value":"private_content_version=9f5624c8e30fc795c0a594d007da90b8; expires=Thu, 21-Mar-2030 08:38:39 GMT; Max-Age=315360000; path=/"},{"key":"X-Magento-Debug","value":"1"},{"key":"X-Content-Type-Options","value":"nosniff"},{"key":"X-XSS-Protection","value":"1; mode=block"},{"key":"X-Frame-Options","value":"SAMEORIGIN"},{"key":"Keep-Alive","value":"timeout=5, max=100"},{"key":"Connection","value":"Keep-Alive"},{"key":"Transfer-Encoding","value":"chunked"},{"key":"Content-Type","value":"application/json"}],"cookie":[],"responseTime":null,"body":"{\n    \"data\": {\n        \"mpOrderSuccessPage\": {\n            \"block\": \"order_detail,social_sharing,account,subscribe\",\n            \"continue_button\": 1,\n            \"coupon_label\": \"0DKRAKBOBOLT0%\",\n            \"coupon_pattern\": \"[12AN]\",\n            \"created_at\": \"2020-03-17 03:57:23\",\n            \"custom_css\": \".mp-simple, .mp-complex {\\r\\n    margin-top: 20px;\\r\\n}\\r\\n\\r\\n.mp-complex .page-title {\\r\\n    text-transform: uppercase;\\r\\n    font-weight: bold;\\r\\n    font-family: \\\"Arial Black\\\", Gadget, sans-serif;\\r\\n    font-size: 2.8rem;\\r\\n    line-height: 1.1;\\r\\n    margin-bottom: 20px;\\r\\n    padding: 12px 10px;\\r\\n}\\r\\n\\r\\n.mp-complex .addthis-share, .mp-complex .mp-actions-toolbar {\\r\\n    margin: 12px 0;\\r\\n}\\r\\n\\r\\n.mp-complex table.table-order-review {\\r\\n    border-top: 1px solid #cccccc;\\r\\n    margin: 0 -20px;\\r\\n    overflow-x: auto;\\r\\n    padding: 15px;\\r\\n}\\r\\n\\r\\n.order-addresses {\\r\\n    display: flex;\\r\\n    justify-content: center;\\r\\n}\\r\\n\\r\\n.mp-order-detail {\\r\\n    margin-top: 10px;\\r\\n    margin-bottom: 10px;\\r\\n    border: solid 1px #808080;\\r\\n    padding: 5px;\\r\\n}\\r\\n\\r\\n.mp-complex .mp-block-heading {\\r\\n    font-size: 16px;\\r\\n    box-sizing: border-box;\\r\\n}\\r\\n\\r\\n@media (min-width: 321px) and (max-width: 480px) {\\r\\n    .mp-complex .mp-order-detail h3.mp-block-heading {\\r\\n        font-size: 17px;\\r\\n    }\\r\\n}\\r\\n\\r\\n@media (max-width: 320px) {\\r\\n    .mp-complex .mp-order-detail {\\r\\n        font-size: 10px;\\r\\n    }\\r\\n\\r\\n    .mp-complex .mp-order-detail h3.mp-block-heading {\\r\\n        font-size: 14px;\\r\\n    }\\r\\n}\\r\\n\\r\\n.mp-complex tfoot.order-totals {\\r\\n    background: #f5f5f5;\\r\\n}\\r\\n\\r\\n@media (min-width: 481px) and (max-width: 767px) {\\r\\n    .mp-newsletter .field.newsletter {\\r\\n        width: 375px;\\r\\n    }\\r\\n}\\r\\n\\r\\n.mp-newsletter .title, .mp-newsletter .content, .mp-newsletter .content .actions {\\r\\n    margin-top: 1rem;\\r\\n}\\r\\n\\r\\n.mp-simple .mp-actions-toolbar, .mp-simple .order-coupons, #registration, .mp-newsletter {\\r\\n    margin: 10px;\\r\\n}\\r\\n\\r\\n.mp-complex .mp-coupon {\\r\\n    color: #1979c3;;\\r\\n}\\r\\n\\r\\n\\r\\n.owl-item li.product-slider {\\r\\n    width: 100% !important;\\r\\n}\\r\\n\\r\\n.mp-product-slider-title {\\r\\n    font-size: 3.8rem;\\r\\n    position: relative;\\r\\n    z-index: 1;\\r\\n    margin: 0 0 5px;\\r\\n    text-align: center;\\r\\n    display: block;\\r\\n    -webkit-margin-before: 0.83em;\\r\\n    -webkit-margin-after: 0.83em;\\r\\n    -webkit-margin-start: 0;\\r\\n    -webkit-margin-end: 0;\\r\\n}\\r\\n\\r\\n.mp-product-slider-block {\\r\\n    margin: 0 !important;\\r\\n}\\r\\n\\r\\n.col-mp {\\r\\n    padding: 0 5px;\\r\\n}\",\n            \"custom_html\": \"<div class=\\\"mp-complex\\\">\\r\\n    <div class=\\\"col-mp mp-7\\\">\\r\\n        <div class=\\\"mpthankyoupage-title\\\">\\r\\n            <div class=\\\"page-title\\\">Thank you for your purchase!</div>\\r\\n        </div>\\r\\n        <div class=\\\"mpthankyoupage-details\\\">\\r\\n            <div class=\\\"mp-subtitle\\\">\\r\\n                <h4>Your order has been placed and will be processed as soon as possible.</h4>\\r\\n            </div>\\r\\n            <div class=\\\"mp-description\\\">\\r\\n                <div class=\\\"info\\\">\\r\\n                    <p>Your order number: <b>#<a href=\\\"{{ store.base_url }}sales/order/view/order_id/{{ order.entity_id }}\\\">{{ order.increment_id }}</a></b></p>\\r\\n                </div>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"col-mp mp-5\\\">\\r\\n        <div class=\\\"additional\\\">\\r\\n            <div class=\\\"addthis-share\\\">\\r\\n                <div class=\\\"addthis_inline_share_toolbox\\\"></div>\\r\\n                <script type=\\\"text/javascript\\\" src=\\\"//s7.addthis.com/js/300/addthis_widget.js#pubid={{ addthiskey }}\\\"\\r\\n                        async=\\\"async\\\"></script>\\r\\n            </div>\\r\\n            <div class=\\\"order-coupons\\\">\\r\\n                <div>Use this coupon code: <strong class=\\\"mp-coupon\\\">{{ coupon.code }}</strong> to get <strong\\r\\n                        class=\\\"mp-coupon\\\">{{ coupon.discount_amount }}</strong> on your next order.\\r\\n                </div>\\r\\n            </div>\\r\\n            <div class=\\\"mp-actions-toolbar\\\">\\r\\n                <div class=\\\"primary\\\" style=\\\"float: none;\\\">\\r\\n                    <a class=\\\"action primary continue\\\" href=\\\"{{ store.base_url }}\\\"><span>Continue Shopping</span></a>\\r\\n                </div>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n    {% if static_block_2 %}\\r\\n    <div class=\\\"col-mp mp-7\\\">\\r\\n        <div class=\\\"col-mp\\\">\\r\\n            <div class=\\\"order-addresses\\\">\\r\\n                <div class=\\\"mp-order-detail\\\">\\r\\n                    <div class=\\\"order-details col-mp\\\">\\r\\n                        <h3 class=\\\"mp-block-heading\\\">Order Details</h3>\\r\\n                        <p>Order Number: <b>#{{ order.increment_id }}</b></p>\\r\\n                        <p>Total: <b>{{ total }}</b></p>\\r\\n                        <p>Order create at: <b>{{ order.created_at }}</b></p>\\r\\n                    </div>\\r\\n                    <div class=\\\"mp-billing-address col-mp\\\">\\r\\n                        <h3 class=\\\"mp-block-heading\\\">Billing Address</h3>\\r\\n                        <p>{{formattedBillingAddress}}</p>\\r\\n                    </div>\\r\\n                    {% if order.is_virtual == 0 %}\\r\\n                    <div class=\\\"mp-shipping-method col-mp\\\">\\r\\n                        <h3 class=\\\"mp-block-heading\\\">Shipping Method</h3>\\r\\n                        <p>{{ order.shipping_description }}</p>\\r\\n                    </div>\\r\\n                    {% endif %}\\r\\n                    <div class=\\\"mp-payment-method col-mp\\\">\\r\\n                        <h3 class=\\\"mp-block-heading\\\">Payment Method</h3>\\r\\n                        <table class=\\\"paymentTable\\\">\\r\\n                            <tbody>\\r\\n                            <tr>\\r\\n                                <td>{{ payment_html }}</td>\\r\\n                            </tr>\\r\\n                            </tbody>\\r\\n                        </table>\\r\\n                    </div>\\r\\n                </div>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"col-mp\\\">\\r\\n            {% unless customer.entity_id %}\\r\\n            <div id=\\\"registration\\\" class=\\\"col-mp mp-xs-12 mp-5\\\">\\r\\n                <div>\\r\\n                    <h4>Create an Account</h4>\\r\\n                    <p>You can track your order status by creating an account.</p>\\r\\n                    <p><span>Email Address</span>: <span>{{email_address}}</span></p>\\r\\n                    <form method=\\\"get\\\" action=\\\"{{create_account_url}}\\\">\\r\\n                        <input type=\\\"submit\\\" class=\\\"action primary\\\" value=\\\"Create an Account\\\">\\r\\n                    </form>\\r\\n                </div>\\r\\n            </div>\\r\\n            {% endunless %}\\r\\n            <div class=\\\"mp-newsletter col-mp mp-xs-12 mp-5\\\">\\r\\n                <h4>Sign Up for Our Newsletter</h4>\\r\\n                <p>For every updated news, events, promotion or loyalty programs</p>\\r\\n                <div class=\\\"content\\\">\\r\\n                    <form class=\\\"form subscribe\\\"\\r\\n                          novalidate\\r\\n                          action=\\\"{{form_action_url}}\\\"\\r\\n                          method=\\\"post\\\"\\r\\n                          data-mage-init='{\\\"validation\\\": {\\\"errorClass\\\": \\\"mage-error\\\"}}'\\r\\n                          id=\\\"newsletter-validate-detail\\\">\\r\\n                        <div class=\\\"field newsletter\\\">\\r\\n                            <div class=\\\"control\\\">\\r\\n                                <label for=\\\"newsletter\\\"></label><input name=\\\"email\\\" type=\\\"email\\\" id=\\\"newsletter\\\"\\r\\n                                                                       value=\\\"{{email_address}}\\\"\\r\\n                                                                       data-validate=\\\"{required:true, 'validate-email':true}\\\"/>\\r\\n                            </div>\\r\\n                        </div>\\r\\n                        <div class=\\\"actions\\\">\\r\\n                            <button class=\\\"action subscribe primary\\\" title=\\\"Subscribe\\\" type=\\\"submit\\\">\\r\\n                                <span>Subscribe</span>\\r\\n                            </button>\\r\\n                        </div>\\r\\n                    </form>\\r\\n                </div>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"col-mp\\\">\\r\\n            <div class=\\\"mp-block-1\\\">\\r\\n                {{static_block_1}}\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <div class=\\\"col-mp mp-5\\\">\\r\\n        <div class=\\\"mp-block-2\\\">\\r\\n            {{static_block_2}}\\r\\n        </div>\\r\\n    </div>\\r\\n    {% else %}\\r\\n    <div class=\\\"col-mp mp-12\\\">\\r\\n        <div class=\\\"order-addresses container\\\">\\r\\n            <div class=\\\"mp-order-detail\\\">\\r\\n                <div class=\\\"order-details col-mp\\\">\\r\\n                    <h3 class=\\\"mp-block-heading\\\">Order Details</h3>\\r\\n                    <p>Order Number: <b>#{{ order.increment_id }}</b></p>\\r\\n                    <p>Total: <b>{{ total }}</b></p>\\r\\n                    <p>Order create at: <b>{{ order.created_at }}</b></p>\\r\\n                </div>\\r\\n                <div class=\\\"mp-billing-address col-mp\\\">\\r\\n                    <h3 class=\\\"mp-block-heading\\\">Billing Address</h3>\\r\\n                    <p>{{formattedBillingAddress}}</p>\\r\\n                </div>\\r\\n                {% if order.is_virtual == 0 %}\\r\\n                <div class=\\\"mp-shipping-method col-mp\\\">\\r\\n                    <h3 class=\\\"mp-block-heading\\\">Shipping Method</h3>\\r\\n                    <p>{{ order.shipping_description }}</p>\\r\\n                </div>\\r\\n                {% endif %}\\r\\n                <div class=\\\"mp-payment-method col-mp\\\">\\r\\n                    <h3 class=\\\"mp-block-heading\\\">Payment Method</h3>\\r\\n                    <table class=\\\"paymentTable\\\">\\r\\n                        <tbody>\\r\\n                        <tr>\\r\\n                            <td>{{ payment_html }}</td>\\r\\n                        </tr>\\r\\n                        </tbody>\\r\\n                    </table>\\r\\n                </div>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"col-mp mp-12\\\">\\r\\n        {% unless customer.entity_id %}\\r\\n        <div id=\\\"registration\\\" class=\\\"col-mp mp-xs-12 mp-5\\\">\\r\\n            <div>\\r\\n                <h4>Create an Account</h4>\\r\\n                <p>You can track your order status by creating an account.</p>\\r\\n                <p><span>Email Address</span>: <span>{{email_address}}</span></p>\\r\\n                <form method=\\\"get\\\" action=\\\"{{create_account_url}}\\\">\\r\\n                    <input type=\\\"submit\\\" class=\\\"action primary\\\" value=\\\"Create an Account\\\">\\r\\n                </form>\\r\\n            </div>\\r\\n        </div>\\r\\n        {% endunless %}\\r\\n        <div class=\\\"mp-newsletter col-mp mp-xs-12 mp-5\\\">\\r\\n            <h4>Sign Up for Our Newsletter</h4>\\r\\n            <p>For every updated news, events, promotion or loyalty programs</p>\\r\\n            <div class=\\\"content\\\">\\r\\n                <form class=\\\"form subscribe\\\"\\r\\n                      novalidate\\r\\n                      action=\\\"{{form_action_url}}\\\"\\r\\n                      method=\\\"post\\\"\\r\\n                      data-mage-init='{\\\"validation\\\": {\\\"errorClass\\\": \\\"mage-error\\\"}}'\\r\\n                      id=\\\"newsletter-validate-detail\\\">\\r\\n                    <div class=\\\"field newsletter\\\">\\r\\n                        <div class=\\\"control\\\">\\r\\n                            <label for=\\\"newsletter\\\"></label><input name=\\\"email\\\" type=\\\"email\\\" id=\\\"newsletter\\\"\\r\\n                                                                   value=\\\"{{email_address}}\\\"\\r\\n                                                                   data-validate=\\\"{required:true, 'validate-email':true}\\\"/>\\r\\n                        </div>\\r\\n                    </div>\\r\\n                    <div class=\\\"actions\\\">\\r\\n                        <button class=\\\"action subscribe primary\\\" title=\\\"Subscribe\\\" type=\\\"submit\\\">\\r\\n                            <span>Subscribe</span>\\r\\n                        </button>\\r\\n                    </div>\\r\\n                </form>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"col-mp\\\">\\r\\n        <div class=\\\"mp-block-1\\\">\\r\\n            {{static_block_1}}\\r\\n        </div>\\r\\n    </div>\\r\\n    {% endif %}\\r\\n</div>\",\n            \"custom_style\": 0,\n            \"customer_group_ids\": \"0,1,2,3\",\n            \"description\": \"<div class=\\\"info\\\"><p>Your order number:<b>#<a href=\\\"http://dev.mageplaza.vn/quynh/ce234b/sales/order/view/order_id/1\\\">000000001</a></b></p></div>\",\n            \"enable_coupon\": 1,\n            \"enable_faq\": 1,\n            \"enable_product_slider\": 1,\n            \"faq_category\": 1,\n            \"faq_limit\": 5,\n            \"faq_title\": \"FAQs\",\n            \"html\": \" <div class='mp-checkout-success'> <div class='mp-simple'> <div class='mpthankyoupage-title'> <h1 class='page-title'></h1> </div> <div class='mpthankyoupage-details'> <div class='mp-subtitle'><h3></h3></div> <div class='mp-description'> <p><div class='info'><p>Your order number:<b>#<a href='http://dev.mageplaza.vn/quynh/ce234b/sales/order/view/order_id/1'>000000001</a></b></p></div></p> </div> </div></div> <div class='order-addresses'> <div class='mp-order-detail'> <div class='order-details col-mp'> <h3 class='mp-block-heading'>Order Details</h3> <p>Order Number: <b>#000000001</b></p> <p>Total: <b><span class='price'>$36.39</span></b></p> <p>Order create at: <b>2020-03-16 10:42:50</b></p> </div> <div class='billing-address col-mp'> <h3 class='mp-block-heading'>Billing Address</h3> <p>Veronica Costello<br />6146 Honey Bluff Parkway<br />Calder, Michigan, 49628-7978<br />United States<br />T: <a href='tel:(555) 229-3326'>(555) 229-3326</a></p> </div> <div class='shipping-method col-mp'> <h3 class='mp-block-heading'>Shipping Method</h3> <p>Flat Rate - Fixed</p> </div> <div class='payment-method col-mp'> <h3 class='mp-block-heading'>Payment Method</h3> <table class='paymentTable'> <tbody> <tr> <td><dl class='payment-method checkmemo'> <dt class='title'>Check / Money order</dt> </dl></td> </tr> </tbody> </table> </div></div></div> <div class='mp-simple'> <div class='additional'> <div class='addthis-share'> <div class='addthis_inline_share_toolbox'></div> <script type='text/javascript' src='//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-5bfcb1ccbbd384fd' async='async'></script> </div> DLL5T9PC7Q3I0% <div class='mp-actions-toolbar'> <div class='primary' style='float: none;'> <a class='action primary continue mp-xs-3' href='http://dev.mageplaza.vn/quynh/ce234b/'> <span>Continue Shopping</span> </a> </div> </div> </div> </div> </div> <style type='text/css'> .order-addresses { display: flex; justify-content: center; } .mp-order-detail { margin-top: 10px; margin-bottom: 10px; border: solid 1px #808080; padding: 5px; } .mp-simple { text-align: center; } .mp-simple .page-title { font-weight: bold; } @media (min-width: 321px) and (max-width: 480px) { .mp-simple .mp-order-detail h3.mp-block-heading, .mp-complex .mp-order-detail h3.mp-block-heading { font-size: 17px; } } @media (max-width: 320px) { .mp-simple .mp-order-detail, .mp-complex .mp-order-detail { font-size: 10px; } .mp-simple .mp-order-detail h3.mp-block-heading, .mp-complex .mp-order-detail h3.mp-block-heading { font-size: 14px; } } .mp-simple .additional { margin: 15px 0; } .mp-block-1, .mp-block-2 { margin: 10px 0; } .mp-simple .mp-actions-toolbar, .mp-simple .order-coupons, #registration, .mp-newsletter { margin: 10px; } .mp-simple .mp-coupon { color: #eb5202; } .mp-simple .billing-address.mp-3.mp-sm-6 { margin-left: 5px; } @media (min-width: 481px) and (max-width: 767px) { .mp-newsletter .field.newsletter { width: 375px; } } .mp-newsletter .content .actions { margin-top: 1rem; } .mp-simple, .mp-complex { margin-top: 20px; } .mp-complex h1.page-title { text-transform: uppercase; font-weight: bold; font-family: 'Arial Black', Gadget, sans-serif; margin-bottom: 20px; padding: 12px 10px; } .mp-complex .page-title { text-transform: uppercase; font-weight: bold; font-family: 'Arial Black', Gadget, sans-serif; font-size: 2.8rem; line-height: 1.1; margin-bottom: 20px; padding: 12px 10px; } .mp-complex .addthis-share, .mp-complex .mp-actions-toolbar { margin: 12px 0; } .mp-complex table.table-order-review { border-top: 1px solid #cccccc; margin: 0 -20px; overflow-x: auto; padding: 15px; } .mp-complex .mp-block-heading { font-size: 16px; box-sizing: border-box; } .mp-complex tfoot.order-totals { background: #f5f5f5; } .mp-complex .mp-coupon { color: #1979c3;; } .mp-complex #checkout-review-table .product-item-detail { display: inline-block; margin-left: 15px; } .owl-item li.product-slider { width: 100% !important; } .mp-product-slider-title { font-size: 3.8rem; position: relative; z-index: 1; margin: 0 0 5px; text-align: center; display: block; -webkit-margin-before: 0.83em; -webkit-margin-after: 0.83em; -webkit-margin-start: 0; -webkit-margin-end: 0; } .mp-product-slider-block { margin: 0 !important; } .col-mp { padding: 0 5px; } </style>\",\n            \"name\": \"rule 2\",\n            \"page_type\": \"order\",\n            \"priority\": 0,\n            \"product_slider_id\": null,\n            \"product_slider_limit\": 10,\n            \"product_slider_title\": \"You may also like\",\n            \"product_slider_additional\": \"1,2,3,4\",\n            \"rule_id\": 5,\n            \"social_share\": null,\n            \"static_block_1\": 1,\n            \"static_block_2\": 1,\n            \"status\": 1,\n            \"store_ids\": \"0\",\n            \"style\": \"simple\",\n            \"sub_title\": \"\",\n            \"template_id\": 2,\n            \"title\": \"\",\n            \"updated_at\": \"2020-03-18 03:49:27\"\n        }\n    }\n}"}],"_postman_id":"b6ba9ac7-eabb-4fd3-bbf1-0a2d07929869"},{"name":"Get Subcribe Success Page","id":"f9bc2ab2-3cd1-4e32-9893-ea7660475372","protocolProfileBehavior":{"disableBodyPruning":true},"request":{"method":"POST","header":[{"key":"Authorization","value":"Bearer {{admin_token}}","type":"text"}],"body":{"mode":"graphql","graphql":{"query":"query {\r\n\tmpSubscribeSuccessPage(\r\n\t\temail: \"test2@example.com\"\r\n\t\tstoreId: 1\r\n\t\tcustomerGroup: 1\r\n\t) {\r\n\t\tblock\r\n\t\tcontinue_button\r\n\t\tcoupon_label\r\n\t\tcoupon_pattern\r\n\t\tcreated_at\r\n\t\tcustom_css\r\n\t\tcustom_html\r\n\t\tcustom_style\r\n\t\tcustomer_group_ids\r\n\t\tdescription\r\n\t\tenable_coupon\r\n\t\tenable_faq\r\n\t\tenable_product_slider\r\n\t\tfaq_limit\r\n\t\tfaq_title\r\n\t\tfaq_category\r\n\t\thtml\r\n\t\tname\r\n\t\tpage_type\r\n\t\tpriority\r\n\t\tproduct_slider_additional\r\n\t\tproduct_slider_id\r\n\t\tproduct_slider_limit\r\n\t\tproduct_slider_title\r\n\t\trule_id\r\n\t\tsocial_share\r\n\t\tstatic_block_1\r\n\t\tstatic_block_2\r\n\t\tstatus\r\n\t\tstore_ids\r\n\t\tstyle\r\n\t\tsub_title\r\n\t\ttemplate_id\r\n\t\ttitle\r\n\t\tupdated_at\r\n\t}\r\n}\r\n","variables":""}},"url":"{{magento_base_url}}/graphql","urlObject":{"path":["graphql"],"host":["{{magento_base_url}}"],"query":[],"variable":[]}},"response":[{"id":"cf27f033-2c99-4633-9a29-4b5fc3091267","name":"Get Subcribe Success Page Example","originalRequest":{"method":"POST","header":[{"key":"Authorization","value":"Bearer {{admin_token}}","type":"text"}],"body":{"mode":"graphql","graphql":{"query":"query {\r\n\tmpSubscribeSuccessPage(\r\n\t\temail: \"test2@example.com\"\r\n\t\tstoreId: 1\r\n\t\tcustomerGroup: 1\r\n\t) {\r\n\t\tblock\r\n\t\tcontinue_button\r\n\t\tcoupon_label\r\n\t\tcoupon_pattern\r\n\t\tcreated_at\r\n\t\tcustom_css\r\n\t\tcustom_html\r\n\t\tcustom_style\r\n\t\tcustomer_group_ids\r\n\t\tdescription\r\n\t\tenable_coupon\r\n\t\tenable_faq\r\n\t\tenable_product_slider\r\n\t\tfaq_limit\r\n\t\tfaq_title\r\n\t\tfaq_category\r\n\t\thtml\r\n\t\tname\r\n\t\tpage_type\r\n\t\tpriority\r\n\t\tproduct_slider_additional\r\n\t\tproduct_slider_id\r\n\t\tproduct_slider_limit\r\n\t\tproduct_slider_title\r\n\t\trule_id\r\n\t\tsocial_share\r\n\t\tstatic_block_1\r\n\t\tstatic_block_2\r\n\t\tstatus\r\n\t\tstore_ids\r\n\t\tstyle\r\n\t\tsub_title\r\n\t\ttemplate_id\r\n\t\ttitle\r\n\t\tupdated_at\r\n\t}\r\n}\r\n","variables":""}},"url":"{{magento_base_url}}/graphql"},"status":"OK","code":200,"_postman_previewlanguage":"json","header":[{"key":"Date","value":"Mon, 23 Mar 2020 08:40:07 GMT"},{"key":"Server","value":"Apache/2.4.38 (Ubuntu)"},{"key":"Expires","value":"Sat, 23 Mar 2019 08:40:11 GMT"},{"key":"Cache-Control","value":"max-age=0, must-revalidate, no-cache, no-store"},{"key":"Pragma","value":"no-cache"},{"key":"Set-Cookie","value":"PHPSESSID=tu4jj683n55ln3fg0pgovm07gh; expires=Mon, 23-Mar-2020 09:40:07 GMT; Max-Age=3600; path=/quynh/ce234b; domain=dev.mageplaza.vn; HttpOnly"},{"key":"Set-Cookie","value":"private_content_version=dc27ed098ac087c0fee24a42d253fa30; expires=Thu, 21-Mar-2030 08:40:07 GMT; Max-Age=315360000; path=/"},{"key":"Set-Cookie","value":"private_content_version=85a563f000337552216fa385f6f1f41b; expires=Thu, 21-Mar-2030 08:40:11 GMT; Max-Age=315360000; path=/"},{"key":"Set-Cookie","value":"private_content_version=7e1fa4fb010597c0f60dc3ebfa275537; expires=Thu, 21-Mar-2030 08:40:11 GMT; Max-Age=315360000; path=/"},{"key":"X-Magento-Debug","value":"1"},{"key":"X-Content-Type-Options","value":"nosniff"},{"key":"X-XSS-Protection","value":"1; mode=block"},{"key":"X-Frame-Options","value":"SAMEORIGIN"},{"key":"Keep-Alive","value":"timeout=5, max=100"},{"key":"Connection","value":"Keep-Alive"},{"key":"Transfer-Encoding","value":"chunked"},{"key":"Content-Type","value":"application/json"}],"cookie":[],"responseTime":null,"body":"{\n    \"data\": {\n        \"mpSubscribeSuccessPage\": {\n            \"block\": null,\n            \"continue_button\": null,\n            \"coupon_label\": \"<div class=\\\"subscribe-coupons\\\">Enter coupon code: <strong class=\\\"mp-coupon\\\">M9BSTSZ6AA77</strong> when you make your next purchase enjoy <strong class=\\\"mp-coupon\\\">0%</strong> off</div>\",\n            \"coupon_pattern\": \"[12AN]\",\n            \"created_at\": \"2020-03-17 04:10:09\",\n            \"custom_css\": \".mpthankyoupage.newsletter {\\r\\n        text-align: center;\\r\\n        margin-bottom: 20px\\r\\n    }\\r\\n/* Design for style 1   */\\r\\n    .mpthankyoupage .mp-container.style1 i.fa.fa-check-circle {\\r\\n        font-size: 60px;\\r\\n        color: #ffc107;\\r\\n    }\\r\\n    .mpthankyoupage .mp-container.style1 .title {\\r\\n        font-size: 40px;\\r\\n        font-weight: bold;\\r\\n        margin-top: 25px;\\r\\n        margin-bottom: 20px;\\r\\n    }\\r\\n    .mpthankyoupage .mp-container.style1 .subtitle {\\r\\n        font-size: large;\\r\\n        font-weight: 600;\\r\\n        color: #eb5202;\\r\\n    }\\r\\n    .mpthankyoupage .mp-container.style1 .action.primary {\\r\\n        background: #ffc107;\\r\\n        border: 1px solid #ffc107;\\r\\n        margin-top: 10px;\\r\\n        margin-bottom: 20px;\\r\\n    }\\r\\n    .mpthankyoupage .mp-container.style1 .mp-coupon {\\r\\n        color: #eb5202;\\r\\n    }\\r\\n    /* End */\\r\\n\\r\\n/* Design for style 2*/\\r\\n    .mpthankyoupage.newsletter .mp-container.style2 {\\r\\n        margin: 0 auto;\\r\\n        background-color: #f86c6b;\\r\\n        padding: 100px 50px 20px;\\r\\n    }\\r\\n    .mpthankyoupage.newsletter .mp-container.style2 .mp-content {\\r\\n        background-color: #fff;\\r\\n    }\\r\\n    .mpthankyoupage .mp-container.style2 .mp-content .title {\\r\\n        font-family: Cambria, Georgia, serif;\\r\\n        font-size: 50px;\\r\\n        font-variant: normal;\\r\\n        line-height: 70px;\\r\\n        font-style: normal;\\r\\n        margin-bottom: 10px;\\r\\n        padding-top: 15px;\\r\\n    }\\r\\n    .mpthankyoupage .mp-container.style2 .mp-content .subtitle {\\r\\n        font-size: 16px;\\r\\n        margin-bottom: 10px;\\r\\n        margin-top: 10px;\\r\\n        color: #f86c6b;\\r\\n    }\\r\\n    .mpthankyoupage .mp-container.style2 .mp-content .additional {\\r\\n        margin-top: 20px;\\r\\n    }\\r\\n    .mpthankyoupage .mp-container.style2 .mp-content .order-coupons {\\r\\n        padding: 1px 20px 5px;\\r\\n        font-family: Cambria, Georgia, serif;\\r\\n        margin: 10px 35px;\\r\\n    }\\r\\n\\r\\n    .mpthankyoupage .mp-container.style2 .mp-content strong.mp-coupon {\\r\\n        color: #f86c6b;\\r\\n        font-size: 18px;\\r\\n    }\\r\\n    .mpthankyoupage .mp-container.style2 .mp-content .action.primary {\\r\\n        background: #f86c6b;\\r\\n        border: 1px solid #eb5202;\\r\\n        margin-top: 10px;\\r\\n        margin-bottom: 20px;\\r\\n    }\\r\\n    /* End */\\r\\n\\r\\n/* Design for style 3*/\\r\\n    .mp-container.style3 {\\r\\n        background-image: url(https://i.imgur.com/kSOYqE3.jpg);\\r\\n        height: 985px;\\r\\n        background-position: center;\\r\\n        background-repeat: no-repeat;\\r\\n        background-size: cover;\\r\\n        position: relative;\\r\\n    }\\r\\n    .mpthankyoupage .mp-container.style3 .mp-content .action.primary {\\r\\n        background: #1979c3;\\r\\n        border: 1px solid #1979c3;\\r\\n        margin-top: 10px;\\r\\n        margin-bottom: 20px;\\r\\n    }\\r\\n    .mpthankyoupage .mp-container.style3 .mp-content .title {\\r\\n        font-family: Arial Black, Arial Bold, Gadget, sans-serif;\\r\\n        font-size: 40px;\\r\\n        font-variant: normal;\\r\\n        font-weight: bold;\\r\\n        line-height: 70px;\\r\\n        font-style: normal;\\r\\n        margin-bottom: 5px;\\r\\n        color: #1979c3;\\r\\n    }\\r\\n    .mp-container.style3 .fa.fa-check {\\r\\n        font-size: 90px;\\r\\n        color: #1979c3;\\r\\n    }\\r\\n    .mpthankyoupage .mp-container.style3 .mp-content .subtitle, .mpthankyoupage .mp-container.style3 .mp-content .description {\\r\\n        font-size: 1.7rem;\\r\\n    }\\r\\n    .mpthankyoupage .mp-container.style3 .mp-content strong.mp-coupon {\\r\\n        color: #1979c3;\\r\\n        font-size: 20px;\\r\\n    }\\r\\n    /* End*/\",\n            \"custom_html\": null,\n            \"custom_style\": null,\n            \"customer_group_ids\": \"0,1,2,3\",\n            \"description\": \"You would be the first to reach our latest arrivals, news, events, various special promotions, giveaways and more.Stay tuned and keep updated. All the best!\",\n            \"enable_coupon\": 1,\n            \"enable_faq\": 1,\n            \"enable_product_slider\": null,\n            \"faq_limit\": 5,\n            \"faq_title\": \"FAQs\",\n            \"faq_category\": 1,\n            \"html\": \"<div class=\\\"mpthankyoupage newsletter\\\"><div class=\\\"mp-container style1\\\">\\n    <div class=\\\"mp-content\\\">\\n        <p><i class=\\\"fa fa-check-circle\\\"></i></p>\\n        <div class=\\\"title\\\">Thank you for signing up!</div>\\n        <div class=\\\"subtitle\\\">Welcome you to our exclusive newsletters with every updates</div>\\n        <div class=\\\"description\\\">You would be the first to reach our latest arrivals, news, events, various special promotions, giveaways and more.Stay tuned and keep updated. All the best!</div>\\n        <div class=\\\"additional\\\" style=\\\"text-align: center;\\\">\\n                            <div class=\\\"order-coupons mp-gray\\\">\\n                    <p><div class=\\\"subscribe-coupons\\\">Enter coupon code: <strong class=\\\"mp-coupon\\\">M9BSTSZ6AA77</strong> when you make your next purchase enjoy <strong class=\\\"mp-coupon\\\">0%</strong> off</div></p>\\n                </div>\\n                                </div>\\n        <a class=\\\"action primary continue mp-xs-3\\\" href=\\\"http://dev.mageplaza.vn/quynh/ce234b/\\\"><span>Continue to Homepage</span></a>\\n    </div>\\n</div></div>    <style type=\\\"text/css\\\">\\n        .mpthankyoupage.newsletter {\\r\\n        text-align: center;\\r\\n        margin-bottom: 20px\\r\\n    }\\r\\n/* Design for style 1   */\\r\\n    .mpthankyoupage .mp-container.style1 i.fa.fa-check-circle {\\r\\n        font-size: 60px;\\r\\n        color: #ffc107;\\r\\n    }\\r\\n    .mpthankyoupage .mp-container.style1 .title {\\r\\n        font-size: 40px;\\r\\n        font-weight: bold;\\r\\n        margin-top: 25px;\\r\\n        margin-bottom: 20px;\\r\\n    }\\r\\n    .mpthankyoupage .mp-container.style1 .subtitle {\\r\\n        font-size: large;\\r\\n        font-weight: 600;\\r\\n        color: #eb5202;\\r\\n    }\\r\\n    .mpthankyoupage .mp-container.style1 .action.primary {\\r\\n        background: #ffc107;\\r\\n        border: 1px solid #ffc107;\\r\\n        margin-top: 10px;\\r\\n        margin-bottom: 20px;\\r\\n    }\\r\\n    .mpthankyoupage .mp-container.style1 .mp-coupon {\\r\\n        color: #eb5202;\\r\\n    }\\r\\n    /* End */\\r\\n\\r\\n/* Design for style 2*/\\r\\n    .mpthankyoupage.newsletter .mp-container.style2 {\\r\\n        margin: 0 auto;\\r\\n        background-color: #f86c6b;\\r\\n        padding: 100px 50px 20px;\\r\\n    }\\r\\n    .mpthankyoupage.newsletter .mp-container.style2 .mp-content {\\r\\n        background-color: #fff;\\r\\n    }\\r\\n    .mpthankyoupage .mp-container.style2 .mp-content .title {\\r\\n        font-family: Cambria, Georgia, serif;\\r\\n        font-size: 50px;\\r\\n        font-variant: normal;\\r\\n        line-height: 70px;\\r\\n        font-style: normal;\\r\\n        margin-bottom: 10px;\\r\\n        padding-top: 15px;\\r\\n    }\\r\\n    .mpthankyoupage .mp-container.style2 .mp-content .subtitle {\\r\\n        font-size: 16px;\\r\\n        margin-bottom: 10px;\\r\\n        margin-top: 10px;\\r\\n        color: #f86c6b;\\r\\n    }\\r\\n    .mpthankyoupage .mp-container.style2 .mp-content .additional {\\r\\n        margin-top: 20px;\\r\\n    }\\r\\n    .mpthankyoupage .mp-container.style2 .mp-content .order-coupons {\\r\\n        padding: 1px 20px 5px;\\r\\n        font-family: Cambria, Georgia, serif;\\r\\n        margin: 10px 35px;\\r\\n    }\\r\\n\\r\\n    .mpthankyoupage .mp-container.style2 .mp-content strong.mp-coupon {\\r\\n        color: #f86c6b;\\r\\n        font-size: 18px;\\r\\n    }\\r\\n    .mpthankyoupage .mp-container.style2 .mp-content .action.primary {\\r\\n        background: #f86c6b;\\r\\n        border: 1px solid #eb5202;\\r\\n        margin-top: 10px;\\r\\n        margin-bottom: 20px;\\r\\n    }\\r\\n    /* End */\\r\\n\\r\\n/* Design for style 3*/\\r\\n    .mp-container.style3 {\\r\\n        background-image: url(https://i.imgur.com/kSOYqE3.jpg);\\r\\n        height: 985px;\\r\\n        background-position: center;\\r\\n        background-repeat: no-repeat;\\r\\n        background-size: cover;\\r\\n        position: relative;\\r\\n    }\\r\\n    .mpthankyoupage .mp-container.style3 .mp-content .action.primary {\\r\\n        background: #1979c3;\\r\\n        border: 1px solid #1979c3;\\r\\n        margin-top: 10px;\\r\\n        margin-bottom: 20px;\\r\\n    }\\r\\n    .mpthankyoupage .mp-container.style3 .mp-content .title {\\r\\n        font-family: Arial Black, Arial Bold, Gadget, sans-serif;\\r\\n        font-size: 40px;\\r\\n        font-variant: normal;\\r\\n        font-weight: bold;\\r\\n        line-height: 70px;\\r\\n        font-style: normal;\\r\\n        margin-bottom: 5px;\\r\\n        color: #1979c3;\\r\\n    }\\r\\n    .mp-container.style3 .fa.fa-check {\\r\\n        font-size: 90px;\\r\\n        color: #1979c3;\\r\\n    }\\r\\n    .mpthankyoupage .mp-container.style3 .mp-content .subtitle, .mpthankyoupage .mp-container.style3 .mp-content .description {\\r\\n        font-size: 1.7rem;\\r\\n    }\\r\\n    .mpthankyoupage .mp-container.style3 .mp-content strong.mp-coupon {\\r\\n        color: #1979c3;\\r\\n        font-size: 20px;\\r\\n    }\\r\\n    /* End*/            </style>\\n\",\n            \"name\": \"news.. 1\",\n            \"page_type\": \"newsletter\",\n            \"priority\": 0,\n            \"product_slider_additional\": null,\n            \"product_slider_id\": \"best-seller\",\n            \"product_slider_limit\": 10,\n            \"product_slider_title\": null,\n            \"rule_id\": 5,\n            \"social_share\": 0,\n            \"static_block_1\": 2,\n            \"static_block_2\": null,\n            \"status\": 1,\n            \"store_ids\": \"0,2,1\",\n            \"style\": \"style1\",\n            \"sub_title\": \"Welcome you to our exclusive newsletters with every updates\",\n            \"template_id\": 3,\n            \"title\": \"Thank you for signing up!\",\n            \"updated_at\": \"2020-03-18 07:22:14\"\n        }\n    }\n}"}],"_postman_id":"f9bc2ab2-3cd1-4e32-9893-ea7660475372"}]}