This guide contains real working examples, code snippets, and documentation for the EDDM Map. Using the EDDM map requires the following input data:<\/p>\n
-oAuth Access Token<\/p>\n
-Delivery Date<\/p>\n
-Product & Option UUID’s<\/p>\n\n
\nhttps:\/\/api.4over.com\/oauth\/v2\/token?client_id= + client_id + &client_secret= + client_secret + &grant_type=client_credentials\n<\/pre>\n\nSelect your desired delivery date with the following API route:<\/h3>\n
\nhttps:\/\/api.4over.com\/dates?&eddm=true&access_token= + access_token\n<\/pre>\n\nGet EDDM product options:<\/h3>\n
\nhttps:\/\/api.4over.com\/printproducts\/products\/ + product_uuid + ?validators=true&product_uuid= + product_uuid + &access_token= + access_token\n<\/pre>\n\n
\nAdd the map iFrame to your website:<\/h3>\n
\n<iframe id="eddmIframe" src="https:\/\/EDDMeasy.com" height="800" width="100%"><\/iframe>\n<\/pre>\n\nStart the EDDM Map<\/h3>\n
Start the EDDM Map using the HTML5 PostMessage API:<\/p>\n
Replace ‘ACCESS_TOKEN’ of the javascript section with your generated oAuth token.<\/p>\n
\nvar domain = 'https:\/\/EDDMeasy.com';\nvar iframe = document.getElementById('eddmIframe').contentWindow;\n\nvar data = {\n type: 'eddm_start',\n access_token: ACCESS_TOKEN,\n date: '2025-12-30', \/\/ format: yyyy-mm-dd\n product_uuid: ...,\n product_options: ..., \/\/ format: &options[]=UUID&options[]=UUID...\n map_event_data: ..., \/\/ optional: loads the map back to prexisting state based on selected routes\n product_name: 'Custom Product Name', \/\/ optional\n next_button_text: 'Custom Button Text', \/\/ optional\n show_eddm_service_price: ..., \/\/ format: boolean\n postage_markup_percentage: 0, \/\/ optional\n product_markup_percentage: 0, \/\/ optional\n \/\/ Markup EDDM service cost at any quantity\n eddm_service_cost_smoothing: [{ '250': 20 }, { '325': 22 }, { '475': 30 }, ...] \/\/ format: array of objects, optional: minimum runsize\/percentage markup\n eddm_service_markup_percentage: 0, \/\/ format: number, optional: markup eddm service price by percentage,\n show_outputted_map_data: ..., \/\/ format: boolean, optional: shows detailed map data with route coordinates\n};\n\niframe.postMessage(data, domain);\n<\/pre>\n\nAdditional Post Message Options<\/h3>\n
Send these messages to update the map while its running.<\/p>\n
Update next button text:<\/p>\n
\nvar data = {\n\ttype: 'next_button_text_update',\n\tnext_button_text: 'Custom Button Text'\n};\niframe.postMessage(data, domain);\n<\/pre>\n\nEvents<\/h3>\n
Messages contain map data sent through HTML5 PostMessage API from the EDDM map. These messages contain all the necessary info needed to order the selected EDDM Map product.<\/p>\n
Listen to the native ‘message’ event for output data coming from the EDDM Map:<\/p>\n
\nwindow.addEventListener('message', function(event) {\n\t\/\/ If 'message' didn't come from the EDDM Map, do nothing\n\tif (event.origin !== ('https:\/\/EDDMeasy.com')) { return; };\n\t\/\/ Do something with event.data\n\thandleMessage(event.data);\n});\n<\/pre>\n\n\n<\/ul>\n\n\n\n
<\/ul>\n","protected":false},"excerpt":{"rendered":"
This guide contains real working examples, code snippets, and documentation for the EDDM Map. Using the EDDM map requires the following input data: -oAuth Access Token -Delivery Date -Product & Option UUID’s Obtain an oAuth Access Token Select your desired delivery date with the following API route: Get EDDM product options: Add the map iFrame […]<\/p>\n","protected":false},"author":5,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1010","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/api-users.4over.com\/index.php?rest_route=\/wp\/v2\/pages\/1010","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/api-users.4over.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/api-users.4over.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/api-users.4over.com\/index.php?rest_route=\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/api-users.4over.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1010"}],"version-history":[{"count":11,"href":"https:\/\/api-users.4over.com\/index.php?rest_route=\/wp\/v2\/pages\/1010\/revisions"}],"predecessor-version":[{"id":1044,"href":"https:\/\/api-users.4over.com\/index.php?rest_route=\/wp\/v2\/pages\/1010\/revisions\/1044"}],"wp:attachment":[{"href":"https:\/\/api-users.4over.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1010"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}