Sequence Picker

The sequence picker SDK lets you add contacts to a Mixmax Sequence from your own website.

Using a few lines of HTML and Javascript, you can transform an ordinary HTML button into an "add to Mixmax sequence" button. When your user clicks that button, it will show a list of their sequences in a dropdown menu. When they select a sequence, your Javascript provides a list of contacts (email addresses and names) to be added to that sequence, ready for the user to send.

333 — Example of the Mixmax SDK Sequence Picker button embedded in a third party product which shows a list of contacts that the user can select and add to the Mixmax sequence (using this API).

363 — Clicking the "Add to Mixmax Sequence" button will show the user's Sequences

2226 — Selecting a sequence will open a new tab and add the recipients to the Sequence

Adding a sequence picker button to your website

Load the widget SDK into your website as described here.
Create a new <div> element with a mixmax-add-sequence-recipients-button class to allow Mixmax's widgets JavaScript to discover the element and enhance it into a sequence picker button.
Set a data-recipients-function attribute whose value is the name of a global function. When the user clicks on the button, this function will be called with a single parameter, a callback. The function should invoke this callback with an array of recipients to add to the sequence selected by the user. These recipients should have the structure shown here.

Example

<script defer src="/?originalUrl=https%3A%2F%2Fdeveloper.mixmax.com%2F%26quot%3Bhttps%3A%2F%2Fsdk.mixmax.com%2Fv2.0.7%2Fsidebar.umd.min.js%26quot%3B%26gt%3B%26lt%3B%2Fscript%26gt%3B%26lt%3Bdiv%2520class%3D%26quot%3Bmixmax-add-sequence-recipients-button%26quot%3B%2520%2520%2520data-recipients-function%3D%26quot%3BgetRecipients%26quot%3B%26gt%3B%26lt%3B%2Fdiv%26gt%3B%26lt%3Bscript%2520type%3D%26quot%3Btext%2Fjavascript%26quot%3B%26gt%3B%2520%2520%2F%2F%2520For%2520an%2520example%2520of%2520where%2520this%2520data%2520might%2520come%2520from%2C%2520see%2520%2520%2F%2F%2520https%3A%2F%2Fgithub.com%2Fmixmaxhq%2Fmixmax-sdk-js%2Fblob%2Fmaster%2Fexamples%2Fsequencepicker%2Findex.html.%2520%2520window.getRecipients%2520%3D%2520function(done)%2520%257B%2520%2520%2520%2520done(%5B%257B%2520%2520%2520%2520%2520%2520email%3A%2520%26%23x27%3B%253Ca%2520href%3D"/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="355f5a5d5b1b46585c415d75504d54584559501b565a58">[email protected]',
      variables: {
        Email: '[email protected]',
        'First Name': 'John',
        'Last Name': 'Smith'
      },
      scheduledAt: false
    }]);
  };
</script>

Adding a sequence picker button to your website

Example

Video Tutorial