{"id":348613,"date":"2022-08-22T12:47:15","date_gmt":"2022-08-22T12:47:15","guid":{"rendered":"https:\/\/webkul.com\/blog\/?p=348613"},"modified":"2022-12-19T13:19:29","modified_gmt":"2022-12-19T13:19:29","slug":"how-to-add-additional-action-buttons-on-create-order-page-dropdown","status":"publish","type":"post","link":"https:\/\/webkul.com\/blog\/how-to-add-additional-action-buttons-on-create-order-page-dropdown\/","title":{"rendered":"How to add more action buttons on create order page dropdown"},"content":{"rendered":"\n

In this blog, we are about to learn, how to add more action buttons on create order page dropdown for extra actions.<\/p>\n\n\n\n

Usually, admin create an order for customers to improve the service. Sometime admin need some extra action other than usual creation of order like send the created order notification to the customers. So, they can easily make a checkout to complete an order.
To achieve the above goal we add some extra action buttons to the create order page.<\/p>\n\n\n\n

Let’s start,<\/p>\n\n\n\n

First of all, we need to register a new hook named \u2018displayAdminOrderCreateExtraButtons<\/strong>\u2019<\/p>\n\n\n\n

Note:<\/strong> This hook is available since PrestaShop version 1.7.8<\/p>\n\n\n\n

We use this hook to display additional action buttons or links to the create orders page dropdown.<\/p>\n\n\n\n

Now we define the definition of hook functionality as follows:<\/p>\n\n\n\n

public function hookDisplayAdminOrderCreateExtraButtons()\n    {\n        \/\/ Create your logic here\n        \/\/ assign smarty variables if needed\n        \n        return $this->context->smarty->fetch('module:wktestmodule\/views\/templates\/hook\/more_action.tpl');\n    }<\/pre>\n\n\n\n
Now, we have to create a template file as above mentioned more_action.tpl<\/strong>
You can also replace the template file name according to your need.<\/p>\n\n\n\n
more_action.tpl<\/strong><\/p>\n\n\n\n
<button class="dropdown-item btn-info" id="js-custom-action-button">\n    {l s='Custom action button' mod='modulename'}\n<\/button>\n<a class="dropdown-item btn-warning" id="js-custom-action-link" target="_blank" href="http:\/\/yourshop.com\/action-link">\n    {l s='Custom action link' mod='modulename'}\n<\/a><\/pre>\n\n\n\n
In the above code, you can modify style, property, and action.<\/p>\n\n\n\n
Now you will get the result as follows:<\/p>\n\n\n\n
\"more
Addition action buttons on create order page<\/figcaption><\/figure>\n\n\n\n
That\u2019s all about this blog.<\/p>\n\n\n\n
If any issue or doubt in the above step, please feel free to let us know in the comment section.<\/p>\n\n\n\n
We would be happy to help.<\/p>\n\n\n\n
You can also learn How to add additional action buttons in the Admin Orders main buttons bar<\/a><\/p>\n\n\n\n
You can also explore our PrestaShop Development Services<\/a> and a large range of quality PrestaShop Modules<\/a>.<\/p>\n\n\n\n
For any doubt contact us at support@webkul.com<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"
In this blog, we are about to learn, how to add more action buttons on create order page dropdown for extra actions. Usually, admin create an order for customers to improve the service. Sometime admin need some extra action other than usual creation of order like send the created order notification to the customers. So, […]<\/a><\/p>\n","protected":false},"author":434,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[209,1],"tags":[],"class_list":["post-348613","post","type-post","status-publish","format-standard","hentry","category-prestashop","category-uncategorized"],"yoast_head":"\nAdd more action buttons on create order page dropdown<\/title>\n<meta name=\"description\" content=\"How to add additional action buttons on create order page drop-down. We can use these additional action buttons to perform more actions.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/webkul.com\/blog\/how-to-add-additional-action-buttons-on-create-order-page-dropdown\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Add more action buttons on create order page dropdown\" \/>\n<meta property=\"og:description\" content=\"How to add additional action buttons on create order page drop-down. We can use these additional action buttons to perform more actions.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webkul.com\/blog\/how-to-add-additional-action-buttons-on-create-order-page-dropdown\/\" \/>\n<meta property=\"og:site_name\" content=\"Webkul Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/webkul\/\" \/>\n<meta property=\"article:published_time\" content=\"2022-08-22T12:47:15+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-12-19T13:19:29+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2022\/08\/more_actions-1200x523.png\" \/>\n<meta name=\"author\" content=\"Ravindra Gautam\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@webkul\" \/>\n<meta name=\"twitter:site\" content=\"@webkul\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Ravindra Gautam\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/webkul.com\/blog\/how-to-add-additional-action-buttons-on-create-order-page-dropdown\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/how-to-add-additional-action-buttons-on-create-order-page-dropdown\/\"},\"author\":{\"name\":\"Ravindra Gautam\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/1a45b107e54bb2991c05f20fbb1dae12\"},\"headline\":\"How to add more action buttons on create order page dropdown\",\"datePublished\":\"2022-08-22T12:47:15+00:00\",\"dateModified\":\"2022-12-19T13:19:29+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/how-to-add-additional-action-buttons-on-create-order-page-dropdown\/\"},\"wordCount\":274,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/how-to-add-additional-action-buttons-on-create-order-page-dropdown\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2022\/08\/more_actions-1200x523.png\",\"articleSection\":[\"prestashop\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/webkul.com\/blog\/how-to-add-additional-action-buttons-on-create-order-page-dropdown\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/webkul.com\/blog\/how-to-add-additional-action-buttons-on-create-order-page-dropdown\/\",\"url\":\"https:\/\/webkul.com\/blog\/how-to-add-additional-action-buttons-on-create-order-page-dropdown\/\",\"name\":\"Add more action buttons on create order page dropdown\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/how-to-add-additional-action-buttons-on-create-order-page-dropdown\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/how-to-add-additional-action-buttons-on-create-order-page-dropdown\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2022\/08\/more_actions-1200x523.png\",\"datePublished\":\"2022-08-22T12:47:15+00:00\",\"dateModified\":\"2022-12-19T13:19:29+00:00\",\"description\":\"How to add additional action buttons on create order page drop-down. We can use these additional action buttons to perform more actions.\",\"breadcrumb\":{\"@id\":\"https:\/\/webkul.com\/blog\/how-to-add-additional-action-buttons-on-create-order-page-dropdown\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/webkul.com\/blog\/how-to-add-additional-action-buttons-on-create-order-page-dropdown\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/how-to-add-additional-action-buttons-on-create-order-page-dropdown\/#primaryimage\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/08\/more_actions.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/08\/more_actions.png\",\"width\":1300,\"height\":567,\"caption\":\"more_actions\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/webkul.com\/blog\/how-to-add-additional-action-buttons-on-create-order-page-dropdown\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/webkul.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to add more action buttons on create order page dropdown\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/webkul.com\/blog\/#website\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"name\":\"Webkul Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/webkul.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/webkul.com\/blog\/#organization\",\"name\":\"WebKul Software Private Limited\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"width\":380,\"height\":380,\"caption\":\"WebKul Software Private Limited\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/webkul\/\",\"https:\/\/x.com\/webkul\",\"https:\/\/www.instagram.com\/webkul\/\",\"https:\/\/www.linkedin.com\/company\/webkul\",\"https:\/\/www.youtube.com\/user\/webkul\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/1a45b107e54bb2991c05f20fbb1dae12\",\"name\":\"Ravindra Gautam\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/1b8439e2774cf21a264df535ff994154071e538a17da7dc76beb9f7ffa28fa19?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/1b8439e2774cf21a264df535ff994154071e538a17da7dc76beb9f7ffa28fa19?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"caption\":\"Ravindra Gautam\"},\"description\":\"Ravindra is a Software Engineer in PrestaShop platform with expertise in Marketplace Development services. He excels in creating and managing online stores using PrestaShop, leveraging his skills in JavaScript, jQuery, and Web Services to deliver dynamic, user-friendly e-commerce solutions that drive business success.\",\"url\":\"https:\/\/webkul.com\/blog\/author\/ravindra-gautam192\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Add more action buttons on create order page dropdown","description":"How to add additional action buttons on create order page drop-down. We can use these additional action buttons to perform more actions.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/webkul.com\/blog\/how-to-add-additional-action-buttons-on-create-order-page-dropdown\/","og_locale":"en_US","og_type":"article","og_title":"Add more action buttons on create order page dropdown","og_description":"How to add additional action buttons on create order page drop-down. We can use these additional action buttons to perform more actions.","og_url":"https:\/\/webkul.com\/blog\/how-to-add-additional-action-buttons-on-create-order-page-dropdown\/","og_site_name":"Webkul Blog","article_publisher":"https:\/\/www.facebook.com\/webkul\/","article_published_time":"2022-08-22T12:47:15+00:00","article_modified_time":"2022-12-19T13:19:29+00:00","og_image":[{"url":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2022\/08\/more_actions-1200x523.png","type":"","width":"","height":""}],"author":"Ravindra Gautam","twitter_card":"summary_large_image","twitter_creator":"@webkul","twitter_site":"@webkul","twitter_misc":{"Written by":"Ravindra Gautam","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/webkul.com\/blog\/how-to-add-additional-action-buttons-on-create-order-page-dropdown\/#article","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/how-to-add-additional-action-buttons-on-create-order-page-dropdown\/"},"author":{"name":"Ravindra Gautam","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/1a45b107e54bb2991c05f20fbb1dae12"},"headline":"How to add more action buttons on create order page dropdown","datePublished":"2022-08-22T12:47:15+00:00","dateModified":"2022-12-19T13:19:29+00:00","mainEntityOfPage":{"@id":"https:\/\/webkul.com\/blog\/how-to-add-additional-action-buttons-on-create-order-page-dropdown\/"},"wordCount":274,"commentCount":0,"publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"image":{"@id":"https:\/\/webkul.com\/blog\/how-to-add-additional-action-buttons-on-create-order-page-dropdown\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2022\/08\/more_actions-1200x523.png","articleSection":["prestashop"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/webkul.com\/blog\/how-to-add-additional-action-buttons-on-create-order-page-dropdown\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/webkul.com\/blog\/how-to-add-additional-action-buttons-on-create-order-page-dropdown\/","url":"https:\/\/webkul.com\/blog\/how-to-add-additional-action-buttons-on-create-order-page-dropdown\/","name":"Add more action buttons on create order page dropdown","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/webkul.com\/blog\/how-to-add-additional-action-buttons-on-create-order-page-dropdown\/#primaryimage"},"image":{"@id":"https:\/\/webkul.com\/blog\/how-to-add-additional-action-buttons-on-create-order-page-dropdown\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2022\/08\/more_actions-1200x523.png","datePublished":"2022-08-22T12:47:15+00:00","dateModified":"2022-12-19T13:19:29+00:00","description":"How to add additional action buttons on create order page drop-down. We can use these additional action buttons to perform more actions.","breadcrumb":{"@id":"https:\/\/webkul.com\/blog\/how-to-add-additional-action-buttons-on-create-order-page-dropdown\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webkul.com\/blog\/how-to-add-additional-action-buttons-on-create-order-page-dropdown\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/how-to-add-additional-action-buttons-on-create-order-page-dropdown\/#primaryimage","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/08\/more_actions.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/08\/more_actions.png","width":1300,"height":567,"caption":"more_actions"},{"@type":"BreadcrumbList","@id":"https:\/\/webkul.com\/blog\/how-to-add-additional-action-buttons-on-create-order-page-dropdown\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/webkul.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How to add more action buttons on create order page dropdown"}]},{"@type":"WebSite","@id":"https:\/\/webkul.com\/blog\/#website","url":"https:\/\/webkul.com\/blog\/","name":"Webkul Blog","description":"","publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/webkul.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/webkul.com\/blog\/#organization","name":"WebKul Software Private Limited","url":"https:\/\/webkul.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","width":380,"height":380,"caption":"WebKul Software Private Limited"},"image":{"@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/webkul\/","https:\/\/x.com\/webkul","https:\/\/www.instagram.com\/webkul\/","https:\/\/www.linkedin.com\/company\/webkul","https:\/\/www.youtube.com\/user\/webkul\/"]},{"@type":"Person","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/1a45b107e54bb2991c05f20fbb1dae12","name":"Ravindra Gautam","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/1b8439e2774cf21a264df535ff994154071e538a17da7dc76beb9f7ffa28fa19?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/1b8439e2774cf21a264df535ff994154071e538a17da7dc76beb9f7ffa28fa19?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","caption":"Ravindra Gautam"},"description":"Ravindra is a Software Engineer in PrestaShop platform with expertise in Marketplace Development services. He excels in creating and managing online stores using PrestaShop, leveraging his skills in JavaScript, jQuery, and Web Services to deliver dynamic, user-friendly e-commerce solutions that drive business success.","url":"https:\/\/webkul.com\/blog\/author\/ravindra-gautam192\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/348613","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/users\/434"}],"replies":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/comments?post=348613"}],"version-history":[{"count":8,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/348613\/revisions"}],"predecessor-version":[{"id":348838,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/348613\/revisions\/348838"}],"wp:attachment":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media?parent=348613"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/categories?post=348613"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/tags?post=348613"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}