Build the next big thing for process and workflows

Welcome to the Pipefy Developer hub. You'll find comprehensive guides and documentation to help you start working with pipefy as quickly as possible, as well as support if you get stuck. Let's jump right in!

Get Started    Documentation

Github app example

Add new tab to card, each tab create a new button inside open card

Example (Github app):

'card-tab': function(p, pipe) {
  return {
    icon: './images/icon-blue.svg',
    title: 'Github',
    url: './attachments.html',
    claimedAttachments: function(attachments) {
      // Iterate by all attachments to claim attachments from Github
      return attachments.filter(function(attachment){
        return attachment.url.indexOf('https://github.com') === 0;
      });
    },
    buttons: [
      {
        text: 'Attach',
        callback: function(p) {
          getToken(p).then(function(token) {
            if (token) {
              showInitialDropdown(p);
            } else {
              showAuthorizeDropdown(p);
            }
          });
        }
      },
    ]
  }
},

Receive

  • p: Pipefy Client
  • pipe: Pipe object { id: '23dfu', name: 'Hotdog app }

Return

  • icon: SVG relative path, svg fill color must be equal to #0081FF
  • title: Tab title
  • url: Relative URL to the iframe, will be responsible to render Tab content.
  • claimedAttachments: Expect a function that will receive all attachments and return attachments that this app owns.
  • buttons: Buttons that will be rendered at the bottom of tab, expect array of Buttons with text and callback

Updated 3 years ago


card-tab


Suggested Edits are limited on API Reference Pages

You can only suggest edits to Markdown body content, but not to the API spec.