Reply Messages with image headers

JSON Samples

Sample 1: Image header, body, 1 quick reply button

Changes to be made to the below code snippet:

  • Link to image URL ("header_value" key)
  • Caption text ("caption" key)
  • Body text ("body" key)
  • Text for reply button ("title" key)
interactive:{"type":"reply","header_type":"image","header_value":"https://www.kaleyra.com/wp-content/uploads/kaleyra.png","caption":"Image Caption","body":"This is the body text","action":{"buttons":[{"type":"reply","reply":{"id":"1","title":"Button Title"}}]}}

Sample 2: Image header, body, footer, 1 quick reply button

Changes to be made to the below code snippet:

  • Link to image URL ("header_value" key)
  • Caption text ("caption" key)
  • Body text ("body" key)
  • Footer text ("footer" key)
  • Text for reply button ("title" key)
interactive:{"type":"reply","header_type":"image","header_value":"https://www.kaleyra.com/wp-content/uploads/kaleyra.png","caption":"Image Caption","body":"This is the body text","footer":"This is the footer text","action":{"buttons":[{"type":"reply","reply":{"id":"1","title":"Button Title"}}]}}

Sample 3: Image header, body, 2 quick reply buttons

Changes to be made to the below code snippet:

  • Link to image URL ("header_value" key)
  • Caption text ("caption" key)
  • Body text ("body" key)
  • Text for reply buttons ("title" keys)
interactive:{"type":"reply","header_type":"image","header_value":"https://www.kaleyra.com/wp-content/uploads/kaleyra.png","caption":"Image Caption","body":"This is the body text","action":{"buttons":[{"type":"reply","reply":{"id":"1","title":"First Button Title"}},{"type":"reply","reply":{"id":"2","title":"Second Button Title"}}]}}

Sample 4: Image header, body, footer, 2 quick reply buttons

Changes to be made to the below code snippet:

  • Link to image URL ("header_value" key)
  • Caption text ("caption" key)
  • Body text ("body" key)
  • Footer text ("footer" key)
  • Text for reply buttons ("title" keys)
interactive:{"type":"reply","header_type":"image","header_value":"https://www.kaleyra.com/wp-content/uploads/kaleyra.png","caption":"Image Caption","body":"This is the body text","footer":"This is the footer text","action":{"buttons":[{"type":"reply","reply":{"id":"1","title":"First Button Title"}},{"type":"reply","reply":{"id":"2","title":"Second Button Title"}}]}}


Sample 5: Image header, body, 3 quick reply buttons

Changes to be made to the below code snippet:

  • Link to image URL ("header_value" key)
  • Caption text ("caption" key)
  • Body text ("body" key)
  • Text for reply buttons ("title" keys)
interactive:{"type":"reply","header_type":"image","header_value":"https://www.kaleyra.com/wp-content/uploads/kaleyra.png","caption":"Image Caption","body":"This is the body text","action":{"buttons":[{"type":"reply","reply":{"id":"1","title":"First Button Title"}},{"type":"reply","reply":{"id":"2","title":"Second Button Title"}},{"type":"reply","reply":{"id":"3","title":"Third Button Title"}}]}}

Sample 6: Image header, body, footer, 3 quick reply buttons

Changes to be made to the below code snippet:

  • Link to image URL ("header_value" key)
  • Caption text ("caption" key)
  • Body text ("body" key)
  • Footer text ("footer" key)
  • Text for reply buttons ("title" keys)
interactive:{"type":"reply","header_type":"image","header_value":"https://www.kaleyra.com/wp-content/uploads/kaleyra.png","caption":"Image Caption","body":"This is the body text","footer":"This is the footer text","action":{"buttons":[{"type":"reply","reply":{"id":"1","title":"First Button Title"}},{"type":"reply","reply":{"id":"2","title":"Second Button Title"}},{"type":"reply","reply":{"id":"3","title":"Third Button Title"}}]}}