{
    "componentChunkName": "component---src-templates-doc-article-js",
    "path": "/guides/v3/engagement/in-app-messages/",
    "result": {"data":{"site":{"siteMetadata":{"title":"Notificare Docs"}},"mdx":{"id":"d2e5a903-2cb9-5a11-b737-caa6070835d1","body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {\n  \"title\": \"In-App Messages | Engagement | Guides\",\n  \"lang\": \"en\",\n  \"description\": \"In this area you can create in-app messages for your mobile and web app.\"\n};\nvar layoutProps = {\n  _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n  var components = _ref.components,\n      props = _objectWithoutProperties(_ref, _excluded);\n\n  return mdx(MDXLayout, _extends({}, layoutProps, props, {\n    components: components,\n    mdxType: \"MDXLayout\"\n  }), mdx(\"h1\", null, \"In-App Messages\"), mdx(\"p\", null, \"In this area you can create in-app messages for your mobile and web app. To access this area, you will need to expand the \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Engagement\"), \" menu and click in \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"In-App Messages\"), \":\"), mdx(\"p\", null, mdx(\"span\", {\n    parentName: \"p\",\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"534px\"\n    }\n  }, \"\\n      \", mdx(\"span\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"85.33333333333334%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"display\": \"block\"\n    }\n  }), \"\\n  \", mdx(\"img\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"menu\",\n    \"title\": \"menu\",\n    \"src\": \"/static/13e76a761e955d5684ada89360847d71/a07a7/menu.png\",\n    \"srcSet\": [\"/static/13e76a761e955d5684ada89360847d71/5ff7e/menu.png 375w\", \"/static/13e76a761e955d5684ada89360847d71/a07a7/menu.png 534w\"],\n    \"sizes\": \"(max-width: 534px) 100vw, 534px\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    },\n    \"loading\": \"lazy\",\n    \"decoding\": \"async\"\n  }), \"\\n    \")), mdx(\"p\", null, \"In this area, you will find all the in-app messages you've created:\"), mdx(\"p\", null, mdx(\"span\", {\n    parentName: \"p\",\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"1500px\"\n    }\n  }, \"\\n      \", mdx(\"span\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"39.2%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"display\": \"block\"\n    }\n  }), \"\\n  \", mdx(\"img\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"list\",\n    \"title\": \"list\",\n    \"src\": \"/static/d245399fffc0130cdc3581fc20015852/aa440/list.png\",\n    \"srcSet\": [\"/static/d245399fffc0130cdc3581fc20015852/5ff7e/list.png 375w\", \"/static/d245399fffc0130cdc3581fc20015852/1d69c/list.png 750w\", \"/static/d245399fffc0130cdc3581fc20015852/aa440/list.png 1500w\", \"/static/d245399fffc0130cdc3581fc20015852/f0293/list.png 2250w\", \"/static/d245399fffc0130cdc3581fc20015852/eb645/list.png 2500w\"],\n    \"sizes\": \"(max-width: 1500px) 100vw, 1500px\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    },\n    \"loading\": \"lazy\",\n    \"decoding\": \"async\"\n  }), \"\\n    \")), mdx(\"p\", null, \"You can also search for in-app messages in the following section:\"), mdx(\"p\", null, mdx(\"span\", {\n    parentName: \"p\",\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"1500px\"\n    }\n  }, \"\\n      \", mdx(\"span\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"18.933333333333337%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"display\": \"block\"\n    }\n  }), \"\\n  \", mdx(\"img\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"search\",\n    \"title\": \"search\",\n    \"src\": \"/static/2ed9f9a86ac07ef7aba8a5b88c49c96d/aa440/search.png\",\n    \"srcSet\": [\"/static/2ed9f9a86ac07ef7aba8a5b88c49c96d/5ff7e/search.png 375w\", \"/static/2ed9f9a86ac07ef7aba8a5b88c49c96d/1d69c/search.png 750w\", \"/static/2ed9f9a86ac07ef7aba8a5b88c49c96d/aa440/search.png 1500w\", \"/static/2ed9f9a86ac07ef7aba8a5b88c49c96d/f0293/search.png 2250w\", \"/static/2ed9f9a86ac07ef7aba8a5b88c49c96d/af975/search.png 2478w\"],\n    \"sizes\": \"(max-width: 1500px) 100vw, 1500px\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    },\n    \"loading\": \"lazy\",\n    \"decoding\": \"async\"\n  }), \"\\n    \")), mdx(\"p\", null, \"To create new in-app messages, you should use the button in the top right corner of this page:\"), mdx(\"p\", null, mdx(\"span\", {\n    parentName: \"p\",\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"444px\"\n    }\n  }, \"\\n      \", mdx(\"span\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"22.400000000000002%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"display\": \"block\"\n    }\n  }), \"\\n  \", mdx(\"img\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"new message button\",\n    \"title\": \"new message button\",\n    \"src\": \"/static/8e7f3bc2855e750d7c9aa06026022e40/9b7bd/new-message-button.png\",\n    \"srcSet\": [\"/static/8e7f3bc2855e750d7c9aa06026022e40/5ff7e/new-message-button.png 375w\", \"/static/8e7f3bc2855e750d7c9aa06026022e40/9b7bd/new-message-button.png 444w\"],\n    \"sizes\": \"(max-width: 444px) 100vw, 444px\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    },\n    \"loading\": \"lazy\",\n    \"decoding\": \"async\"\n  }), \"\\n    \")), mdx(\"p\", null, \"This will take you to a new area, where you can compose your in-app message experience.\"), mdx(\"h2\", null, \"Setup\"), mdx(\"p\", null, \"In this tab, you will need to provide us basic information about the in-app message, some of it, will define how it should work.\"), mdx(\"p\", null, mdx(\"span\", {\n    parentName: \"p\",\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"1500px\"\n    }\n  }, \"\\n      \", mdx(\"span\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"38.13333333333333%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"display\": \"block\"\n    }\n  }), \"\\n  \", mdx(\"img\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"setup tab\",\n    \"title\": \"setup tab\",\n    \"src\": \"/static/861a6494afb1ee396f4b1db3a96703f7/aa440/setup-tab.png\",\n    \"srcSet\": [\"/static/861a6494afb1ee396f4b1db3a96703f7/5ff7e/setup-tab.png 375w\", \"/static/861a6494afb1ee396f4b1db3a96703f7/1d69c/setup-tab.png 750w\", \"/static/861a6494afb1ee396f4b1db3a96703f7/aa440/setup-tab.png 1500w\", \"/static/861a6494afb1ee396f4b1db3a96703f7/f0293/setup-tab.png 2250w\", \"/static/861a6494afb1ee396f4b1db3a96703f7/c02c7/setup-tab.png 2472w\"],\n    \"sizes\": \"(max-width: 1500px) 100vw, 1500px\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    },\n    \"loading\": \"lazy\",\n    \"decoding\": \"async\"\n  }), \"\\n    \")), mdx(\"p\", null, \"For example, you must always provide a name:\"), mdx(\"p\", null, mdx(\"span\", {\n    parentName: \"p\",\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"1500px\"\n    }\n  }, \"\\n      \", mdx(\"span\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"7.733333333333333%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"display\": \"block\"\n    }\n  }), \"\\n  \", mdx(\"img\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"setup name\",\n    \"title\": \"setup name\",\n    \"src\": \"/static/e0975bfa93e5e42bc697200505f21ea6/aa440/setup-name.png\",\n    \"srcSet\": [\"/static/e0975bfa93e5e42bc697200505f21ea6/5ff7e/setup-name.png 375w\", \"/static/e0975bfa93e5e42bc697200505f21ea6/1d69c/setup-name.png 750w\", \"/static/e0975bfa93e5e42bc697200505f21ea6/aa440/setup-name.png 1500w\", \"/static/e0975bfa93e5e42bc697200505f21ea6/3145a/setup-name.png 2112w\"],\n    \"sizes\": \"(max-width: 1500px) 100vw, 1500px\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    },\n    \"loading\": \"lazy\",\n    \"decoding\": \"async\"\n  }), \"\\n    \")), mdx(\"p\", null, \"You can also define the presentation options for your in-app message:\"), mdx(\"p\", null, mdx(\"span\", {\n    parentName: \"p\",\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"1500px\"\n    }\n  }, \"\\n      \", mdx(\"span\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"8%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"display\": \"block\"\n    }\n  }), \"\\n  \", mdx(\"img\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"setup presentation\",\n    \"title\": \"setup presentation\",\n    \"src\": \"/static/ad3c983e40f39f5b62f106576a6d2d0b/aa440/setup-presentation.png\",\n    \"srcSet\": [\"/static/ad3c983e40f39f5b62f106576a6d2d0b/5ff7e/setup-presentation.png 375w\", \"/static/ad3c983e40f39f5b62f106576a6d2d0b/1d69c/setup-presentation.png 750w\", \"/static/ad3c983e40f39f5b62f106576a6d2d0b/aa440/setup-presentation.png 1500w\", \"/static/ad3c983e40f39f5b62f106576a6d2d0b/1fa90/setup-presentation.png 2118w\"],\n    \"sizes\": \"(max-width: 1500px) 100vw, 1500px\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    },\n    \"loading\": \"lazy\",\n    \"decoding\": \"async\"\n  }), \"\\n    \")), mdx(\"p\", null, \"Where the \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Context\"), \" defines what lifecycles events trigger the presentation.\\nThere's two options, \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Launch\"), \" which makes sure the in-app message is only triggered when the app launches or web page loads or \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Launch & Foreground\"), \" when you want your in-app message to be triggered when the app launches or web page loads and when it becomes visible.\"), mdx(\"p\", null, \"Additionally, you can also provide a priority. Because our SDK will only show one in-app message, this value will define what in-app message to show, when the users are eligible for multiple in-app messages. In-app messages with a higher priority will be displayed.\"), mdx(\"p\", null, \"Finally, you can also define a delay. This is the amount of time we will use when the \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Context\"), \" is triggered until the in-app is displayed.\"), mdx(\"p\", null, \"You will also need to define a frequency:\"), mdx(\"p\", null, mdx(\"span\", {\n    parentName: \"p\",\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"694px\"\n    }\n  }, \"\\n      \", mdx(\"span\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"29.06666666666667%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"display\": \"block\"\n    }\n  }), \"\\n  \", mdx(\"img\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"setup frequency\",\n    \"title\": \"setup frequency\",\n    \"src\": \"/static/477ced983a79724b5c9aa07ef9c4d16f/31198/setup-frequency.png\",\n    \"srcSet\": [\"/static/477ced983a79724b5c9aa07ef9c4d16f/5ff7e/setup-frequency.png 375w\", \"/static/477ced983a79724b5c9aa07ef9c4d16f/31198/setup-frequency.png 694w\"],\n    \"sizes\": \"(max-width: 694px) 100vw, 694px\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    },\n    \"loading\": \"lazy\",\n    \"decoding\": \"async\"\n  }), \"\\n    \")), mdx(\"p\", null, \"By default, we will display it every time the \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Context\"), \" is triggered. But you can also choose to display it only once during a certain amount of time:\"), mdx(\"p\", null, mdx(\"span\", {\n    parentName: \"p\",\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"1500px\"\n    }\n  }, \"\\n      \", mdx(\"span\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"8.533333333333333%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"display\": \"block\"\n    }\n  }), \"\\n  \", mdx(\"img\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"setup frequency once\",\n    \"title\": \"setup frequency once\",\n    \"src\": \"/static/5d799e636b4cf3c4bab02371309a5c64/aa440/setup-frequency-once.png\",\n    \"srcSet\": [\"/static/5d799e636b4cf3c4bab02371309a5c64/5ff7e/setup-frequency-once.png 375w\", \"/static/5d799e636b4cf3c4bab02371309a5c64/1d69c/setup-frequency-once.png 750w\", \"/static/5d799e636b4cf3c4bab02371309a5c64/aa440/setup-frequency-once.png 1500w\", \"/static/5d799e636b4cf3c4bab02371309a5c64/7831d/setup-frequency-once.png 2116w\"],\n    \"sizes\": \"(max-width: 1500px) 100vw, 1500px\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    },\n    \"loading\": \"lazy\",\n    \"decoding\": \"async\"\n  }), \"\\n    \")), mdx(\"p\", null, \"Which would prevent displaying the in-app messages with every launch or visibility change.\"), mdx(\"h2\", null, \"Audience\"), mdx(\"p\", null, \"Optionally, in this tab, you will define what devices in your audience are eligible for this in-app message.\"), mdx(\"p\", null, mdx(\"span\", {\n    parentName: \"p\",\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"1500px\"\n    }\n  }, \"\\n      \", mdx(\"span\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"32.266666666666666%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"display\": \"block\"\n    }\n  }), \"\\n  \", mdx(\"img\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"audience tab\",\n    \"title\": \"audience tab\",\n    \"src\": \"/static/28ba07f82856d7e3259973ddd1462e40/aa440/audience-tab.png\",\n    \"srcSet\": [\"/static/28ba07f82856d7e3259973ddd1462e40/5ff7e/audience-tab.png 375w\", \"/static/28ba07f82856d7e3259973ddd1462e40/1d69c/audience-tab.png 750w\", \"/static/28ba07f82856d7e3259973ddd1462e40/aa440/audience-tab.png 1500w\", \"/static/28ba07f82856d7e3259973ddd1462e40/f0293/audience-tab.png 2250w\", \"/static/28ba07f82856d7e3259973ddd1462e40/b4472/audience-tab.png 2468w\"],\n    \"sizes\": \"(max-width: 1500px) 100vw, 1500px\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    },\n    \"loading\": \"lazy\",\n    \"decoding\": \"async\"\n  }), \"\\n    \")), mdx(\"p\", null, \"The audience is defined using our criteria component, where you can define a combination of Segments, Tags, Location, Device Properties or User Data Fields:\"), mdx(\"p\", null, mdx(\"span\", {\n    parentName: \"p\",\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"1500px\"\n    }\n  }, \"\\n      \", mdx(\"span\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"21.6%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"display\": \"block\"\n    }\n  }), \"\\n  \", mdx(\"img\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"criteria\",\n    \"title\": \"criteria\",\n    \"src\": \"/static/33ed6ee1ca1a9fadd129f55d0cbf9e8f/aa440/criteria.png\",\n    \"srcSet\": [\"/static/33ed6ee1ca1a9fadd129f55d0cbf9e8f/5ff7e/criteria.png 375w\", \"/static/33ed6ee1ca1a9fadd129f55d0cbf9e8f/1d69c/criteria.png 750w\", \"/static/33ed6ee1ca1a9fadd129f55d0cbf9e8f/aa440/criteria.png 1500w\", \"/static/33ed6ee1ca1a9fadd129f55d0cbf9e8f/3145a/criteria.png 2112w\"],\n    \"sizes\": \"(max-width: 1500px) 100vw, 1500px\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    },\n    \"loading\": \"lazy\",\n    \"decoding\": \"async\"\n  }), \"\\n    \")), mdx(\"p\", null, \"To learn more about criteria, please read the guides located \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"/guides/v3/other/criteria/\"\n  }, \"here\"), \".\"), mdx(\"p\", null, \"As you define your audience, an estimation is computed and displayed as follows:\"), mdx(\"p\", null, mdx(\"span\", {\n    parentName: \"p\",\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"1500px\"\n    }\n  }, \"\\n      \", mdx(\"span\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"4.533333333333333%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"display\": \"block\"\n    }\n  }), \"\\n  \", mdx(\"img\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"audience count\",\n    \"title\": \"audience count\",\n    \"src\": \"/static/7bf164831876a179c348123e3eb71ea0/aa440/audience-count.png\",\n    \"srcSet\": [\"/static/7bf164831876a179c348123e3eb71ea0/5ff7e/audience-count.png 375w\", \"/static/7bf164831876a179c348123e3eb71ea0/1d69c/audience-count.png 750w\", \"/static/7bf164831876a179c348123e3eb71ea0/aa440/audience-count.png 1500w\", \"/static/7bf164831876a179c348123e3eb71ea0/f0293/audience-count.png 2250w\", \"/static/7bf164831876a179c348123e3eb71ea0/ae2f8/audience-count.png 2496w\"],\n    \"sizes\": \"(max-width: 1500px) 100vw, 1500px\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    },\n    \"loading\": \"lazy\",\n    \"decoding\": \"async\"\n  }), \"\\n    \")), mdx(\"h2\", null, \"Duration\"), mdx(\"p\", null, \"This tab of an in-app message composer is not mandatory. If you do not want to restrict your campaign based on date or time, you can simply ignore it.\\nIf you do want to provide a date period, time of the day or days of the week, you should then define these in this area.\"), mdx(\"p\", null, mdx(\"span\", {\n    parentName: \"p\",\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"1500px\"\n    }\n  }, \"\\n      \", mdx(\"span\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"27.73333333333333%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"display\": \"block\"\n    }\n  }), \"\\n  \", mdx(\"img\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"duration tab\",\n    \"title\": \"duration tab\",\n    \"src\": \"/static/f05d06aeaf66ca78e34e3f2aa26a9ade/aa440/duration-tab.png\",\n    \"srcSet\": [\"/static/f05d06aeaf66ca78e34e3f2aa26a9ade/5ff7e/duration-tab.png 375w\", \"/static/f05d06aeaf66ca78e34e3f2aa26a9ade/1d69c/duration-tab.png 750w\", \"/static/f05d06aeaf66ca78e34e3f2aa26a9ade/aa440/duration-tab.png 1500w\", \"/static/f05d06aeaf66ca78e34e3f2aa26a9ade/f0293/duration-tab.png 2250w\", \"/static/f05d06aeaf66ca78e34e3f2aa26a9ade/18d55/duration-tab.png 2470w\"],\n    \"sizes\": \"(max-width: 1500px) 100vw, 1500px\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    },\n    \"loading\": \"lazy\",\n    \"decoding\": \"async\"\n  }), \"\\n    \")), mdx(\"p\", null, \"You can always change this period afterwards as you see fit.\"), mdx(\"h2\", null, \"Segmentation\"), mdx(\"p\", null, \"In this tab, you will be able to define rules that automatically categorize users when the in-app message is displayed, allowing you to track engagement and behavior that you can later target on follow-up campaigns.\"), mdx(\"p\", null, mdx(\"span\", {\n    parentName: \"p\",\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"1500px\"\n    }\n  }, \"\\n      \", mdx(\"span\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"24.8%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"display\": \"block\"\n    }\n  }), \"\\n  \", mdx(\"img\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"segmentation tab\",\n    \"title\": \"segmentation tab\",\n    \"src\": \"/static/bafe9a652c9aea76a82bc1bed3704745/aa440/segmentation-tab.png\",\n    \"srcSet\": [\"/static/bafe9a652c9aea76a82bc1bed3704745/5ff7e/segmentation-tab.png 375w\", \"/static/bafe9a652c9aea76a82bc1bed3704745/1d69c/segmentation-tab.png 750w\", \"/static/bafe9a652c9aea76a82bc1bed3704745/aa440/segmentation-tab.png 1500w\", \"/static/bafe9a652c9aea76a82bc1bed3704745/f0293/segmentation-tab.png 2250w\", \"/static/bafe9a652c9aea76a82bc1bed3704745/c02c7/segmentation-tab.png 2472w\"],\n    \"sizes\": \"(max-width: 1500px) 100vw, 1500px\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    },\n    \"loading\": \"lazy\",\n    \"decoding\": \"async\"\n  }), \"\\n    \")), mdx(\"p\", null, \"You will use our segmentation rules component to define those rules:\"), mdx(\"p\", null, mdx(\"span\", {\n    parentName: \"p\",\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"1500px\"\n    }\n  }, \"\\n      \", mdx(\"span\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"14.933333333333335%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"display\": \"block\"\n    }\n  }), \"\\n  \", mdx(\"img\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"select rules\",\n    \"title\": \"select rules\",\n    \"src\": \"/static/a5dd6d39d87a2d219838804536d28e6e/aa440/select-rules.png\",\n    \"srcSet\": [\"/static/a5dd6d39d87a2d219838804536d28e6e/5ff7e/select-rules.png 375w\", \"/static/a5dd6d39d87a2d219838804536d28e6e/1d69c/select-rules.png 750w\", \"/static/a5dd6d39d87a2d219838804536d28e6e/aa440/select-rules.png 1500w\", \"/static/a5dd6d39d87a2d219838804536d28e6e/11d70/select-rules.png 1802w\"],\n    \"sizes\": \"(max-width: 1500px) 100vw, 1500px\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    },\n    \"loading\": \"lazy\",\n    \"decoding\": \"async\"\n  }), \"\\n    \")), mdx(\"p\", null, \"To learn more about segmentation rules, please read the guides located \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"/guides/v3/other/segmentation-rules/\"\n  }, \"here\"), \".\"), mdx(\"h2\", null, \"Content\"), mdx(\"p\", null, \"In this tab you will define what content is displayed to your users. There are three different types of in-app messages, the \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Banner\"), \", the \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Card\"), \" and the \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Fullscreen\"), \" content types.\"), mdx(\"p\", null, mdx(\"span\", {\n    parentName: \"p\",\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"1500px\"\n    }\n  }, \"\\n      \", mdx(\"span\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"35.733333333333334%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"display\": \"block\"\n    }\n  }), \"\\n  \", mdx(\"img\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"content tab\",\n    \"title\": \"content tab\",\n    \"src\": \"/static/99cda6bb0eee30230d46eddfe4417cf3/aa440/content-tab.png\",\n    \"srcSet\": [\"/static/99cda6bb0eee30230d46eddfe4417cf3/5ff7e/content-tab.png 375w\", \"/static/99cda6bb0eee30230d46eddfe4417cf3/1d69c/content-tab.png 750w\", \"/static/99cda6bb0eee30230d46eddfe4417cf3/aa440/content-tab.png 1500w\", \"/static/99cda6bb0eee30230d46eddfe4417cf3/f0293/content-tab.png 2250w\", \"/static/99cda6bb0eee30230d46eddfe4417cf3/daf70/content-tab.png 2464w\"],\n    \"sizes\": \"(max-width: 1500px) 100vw, 1500px\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    },\n    \"loading\": \"lazy\",\n    \"decoding\": \"async\"\n  }), \"\\n    \")), mdx(\"p\", null, \"Each type will have its own requirements. You select the type in the following field:\"), mdx(\"p\", null, mdx(\"span\", {\n    parentName: \"p\",\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"1500px\"\n    }\n  }, \"\\n      \", mdx(\"span\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"8.8%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"display\": \"block\"\n    }\n  }), \"\\n  \", mdx(\"img\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"content type\",\n    \"title\": \"content type\",\n    \"src\": \"/static/aa3f9fe24c834911a4148a05a907a144/aa440/content-type.png\",\n    \"srcSet\": [\"/static/aa3f9fe24c834911a4148a05a907a144/5ff7e/content-type.png 375w\", \"/static/aa3f9fe24c834911a4148a05a907a144/1d69c/content-type.png 750w\", \"/static/aa3f9fe24c834911a4148a05a907a144/aa440/content-type.png 1500w\", \"/static/aa3f9fe24c834911a4148a05a907a144/e431d/content-type.png 1882w\"],\n    \"sizes\": \"(max-width: 1500px) 100vw, 1500px\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    },\n    \"loading\": \"lazy\",\n    \"decoding\": \"async\"\n  }), \"\\n    \")), mdx(\"h3\", null, \"Banner\"), mdx(\"p\", null, \"The banner will allow you to create a minimalistic user experience by displaying a small banner on the top of your app or website.\\nYou can upload an image, which will be displayed as a thumbnail in this banner:\"), mdx(\"p\", null, mdx(\"span\", {\n    parentName: \"p\",\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"1500px\"\n    }\n  }, \"\\n      \", mdx(\"span\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"41.86666666666666%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"display\": \"block\"\n    }\n  }), \"\\n  \", mdx(\"img\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"image\",\n    \"title\": \"image\",\n    \"src\": \"/static/7d26639808a4c9a0018b411ef09e4666/aa440/image.png\",\n    \"srcSet\": [\"/static/7d26639808a4c9a0018b411ef09e4666/5ff7e/image.png 375w\", \"/static/7d26639808a4c9a0018b411ef09e4666/1d69c/image.png 750w\", \"/static/7d26639808a4c9a0018b411ef09e4666/aa440/image.png 1500w\", \"/static/7d26639808a4c9a0018b411ef09e4666/79166/image.png 2012w\"],\n    \"sizes\": \"(max-width: 1500px) 100vw, 1500px\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    },\n    \"loading\": \"lazy\",\n    \"decoding\": \"async\"\n  }), \"\\n    \")), mdx(\"p\", null, \"You can also provide a title for the banner in the following field:\"), mdx(\"p\", null, mdx(\"span\", {\n    parentName: \"p\",\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"1500px\"\n    }\n  }, \"\\n      \", mdx(\"span\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"12.533333333333333%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"display\": \"block\"\n    }\n  }), \"\\n  \", mdx(\"img\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"title\",\n    \"title\": \"title\",\n    \"src\": \"/static/489fe52e4137db802a0b0f191a3f2a41/aa440/title.png\",\n    \"srcSet\": [\"/static/489fe52e4137db802a0b0f191a3f2a41/5ff7e/title.png 375w\", \"/static/489fe52e4137db802a0b0f191a3f2a41/1d69c/title.png 750w\", \"/static/489fe52e4137db802a0b0f191a3f2a41/aa440/title.png 1500w\", \"/static/489fe52e4137db802a0b0f191a3f2a41/3d22e/title.png 2010w\"],\n    \"sizes\": \"(max-width: 1500px) 100vw, 1500px\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    },\n    \"loading\": \"lazy\",\n    \"decoding\": \"async\"\n  }), \"\\n    \")), mdx(\"p\", null, \"And you must provide a message in the following field:\"), mdx(\"p\", null, mdx(\"span\", {\n    parentName: \"p\",\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"1500px\"\n    }\n  }, \"\\n      \", mdx(\"span\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"17.6%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"display\": \"block\"\n    }\n  }), \"\\n  \", mdx(\"img\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"message\",\n    \"title\": \"message\",\n    \"src\": \"/static/715d5b5da9629437547a598d05f0f688/aa440/message.png\",\n    \"srcSet\": [\"/static/715d5b5da9629437547a598d05f0f688/5ff7e/message.png 375w\", \"/static/715d5b5da9629437547a598d05f0f688/1d69c/message.png 750w\", \"/static/715d5b5da9629437547a598d05f0f688/aa440/message.png 1500w\", \"/static/715d5b5da9629437547a598d05f0f688/0486e/message.png 2008w\"],\n    \"sizes\": \"(max-width: 1500px) 100vw, 1500px\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    },\n    \"loading\": \"lazy\",\n    \"decoding\": \"async\"\n  }), \"\\n    \")), mdx(\"p\", null, \"Additionally, if you want to redirect users to a view in your app or a page in your website, when they click the banner, you can provide a URL as the \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Primary Action\"), \":\"), mdx(\"p\", null, mdx(\"span\", {\n    parentName: \"p\",\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"1500px\"\n    }\n  }, \"\\n      \", mdx(\"span\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"51.46666666666667%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"display\": \"block\"\n    }\n  }), \"\\n  \", mdx(\"img\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"primary\",\n    \"title\": \"primary\",\n    \"src\": \"/static/ae2d885ecda64ae24b1b19e4befafa82/aa440/primary.png\",\n    \"srcSet\": [\"/static/ae2d885ecda64ae24b1b19e4befafa82/5ff7e/primary.png 375w\", \"/static/ae2d885ecda64ae24b1b19e4befafa82/1d69c/primary.png 750w\", \"/static/ae2d885ecda64ae24b1b19e4befafa82/aa440/primary.png 1500w\", \"/static/ae2d885ecda64ae24b1b19e4befafa82/79166/primary.png 2012w\"],\n    \"sizes\": \"(max-width: 1500px) 100vw, 1500px\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    },\n    \"loading\": \"lazy\",\n    \"decoding\": \"async\"\n  }), \"\\n    \")), mdx(\"p\", null, \"In this tab, you can also see a preview of your in-app message content:\"), mdx(\"p\", null, mdx(\"span\", {\n    parentName: \"p\",\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"1180px\"\n    }\n  }, \"\\n      \", mdx(\"span\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"132.53333333333336%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"display\": \"block\"\n    }\n  }), \"\\n  \", mdx(\"img\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"preview banner\",\n    \"title\": \"preview banner\",\n    \"src\": \"/static/b6ac3da7270def51e17138301162aecb/c83ae/preview-banner.png\",\n    \"srcSet\": [\"/static/b6ac3da7270def51e17138301162aecb/5ff7e/preview-banner.png 375w\", \"/static/b6ac3da7270def51e17138301162aecb/1d69c/preview-banner.png 750w\", \"/static/b6ac3da7270def51e17138301162aecb/c83ae/preview-banner.png 1180w\"],\n    \"sizes\": \"(max-width: 1180px) 100vw, 1180px\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    },\n    \"loading\": \"lazy\",\n    \"decoding\": \"async\"\n  }), \"\\n    \")), mdx(\"h3\", null, \"Card\"), mdx(\"p\", null, \"The card will allow you to create a more intrusive experience by overlaying a dialog card in the center of your app or website.\\nYou can upload an image, which will be displayed above the text in the card:\"), mdx(\"p\", null, mdx(\"span\", {\n    parentName: \"p\",\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"1500px\"\n    }\n  }, \"\\n      \", mdx(\"span\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"41.86666666666666%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"display\": \"block\"\n    }\n  }), \"\\n  \", mdx(\"img\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"image\",\n    \"title\": \"image\",\n    \"src\": \"/static/7d26639808a4c9a0018b411ef09e4666/aa440/image.png\",\n    \"srcSet\": [\"/static/7d26639808a4c9a0018b411ef09e4666/5ff7e/image.png 375w\", \"/static/7d26639808a4c9a0018b411ef09e4666/1d69c/image.png 750w\", \"/static/7d26639808a4c9a0018b411ef09e4666/aa440/image.png 1500w\", \"/static/7d26639808a4c9a0018b411ef09e4666/79166/image.png 2012w\"],\n    \"sizes\": \"(max-width: 1500px) 100vw, 1500px\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    },\n    \"loading\": \"lazy\",\n    \"decoding\": \"async\"\n  }), \"\\n    \")), mdx(\"p\", null, \"You can also provide a title for the banner in the following field:\"), mdx(\"p\", null, mdx(\"span\", {\n    parentName: \"p\",\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"1500px\"\n    }\n  }, \"\\n      \", mdx(\"span\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"12.533333333333333%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"display\": \"block\"\n    }\n  }), \"\\n  \", mdx(\"img\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"title\",\n    \"title\": \"title\",\n    \"src\": \"/static/489fe52e4137db802a0b0f191a3f2a41/aa440/title.png\",\n    \"srcSet\": [\"/static/489fe52e4137db802a0b0f191a3f2a41/5ff7e/title.png 375w\", \"/static/489fe52e4137db802a0b0f191a3f2a41/1d69c/title.png 750w\", \"/static/489fe52e4137db802a0b0f191a3f2a41/aa440/title.png 1500w\", \"/static/489fe52e4137db802a0b0f191a3f2a41/3d22e/title.png 2010w\"],\n    \"sizes\": \"(max-width: 1500px) 100vw, 1500px\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    },\n    \"loading\": \"lazy\",\n    \"decoding\": \"async\"\n  }), \"\\n    \")), mdx(\"p\", null, \"And you must provide a message in the following field:\"), mdx(\"p\", null, mdx(\"span\", {\n    parentName: \"p\",\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"1500px\"\n    }\n  }, \"\\n      \", mdx(\"span\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"17.6%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"display\": \"block\"\n    }\n  }), \"\\n  \", mdx(\"img\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"message\",\n    \"title\": \"message\",\n    \"src\": \"/static/715d5b5da9629437547a598d05f0f688/aa440/message.png\",\n    \"srcSet\": [\"/static/715d5b5da9629437547a598d05f0f688/5ff7e/message.png 375w\", \"/static/715d5b5da9629437547a598d05f0f688/1d69c/message.png 750w\", \"/static/715d5b5da9629437547a598d05f0f688/aa440/message.png 1500w\", \"/static/715d5b5da9629437547a598d05f0f688/0486e/message.png 2008w\"],\n    \"sizes\": \"(max-width: 1500px) 100vw, 1500px\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    },\n    \"loading\": \"lazy\",\n    \"decoding\": \"async\"\n  }), \"\\n    \")), mdx(\"p\", null, \"Optionally, a card can contain two actions, a primary and secondary action, both actions require a label and URL:\"), mdx(\"p\", null, mdx(\"span\", {\n    parentName: \"p\",\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"1500px\"\n    }\n  }, \"\\n      \", mdx(\"span\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"72%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"display\": \"block\"\n    }\n  }), \"\\n  \", mdx(\"img\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"card action\",\n    \"title\": \"card action\",\n    \"src\": \"/static/0148de61f4e7ddd16fedbf91714aabe9/aa440/card-action.png\",\n    \"srcSet\": [\"/static/0148de61f4e7ddd16fedbf91714aabe9/5ff7e/card-action.png 375w\", \"/static/0148de61f4e7ddd16fedbf91714aabe9/1d69c/card-action.png 750w\", \"/static/0148de61f4e7ddd16fedbf91714aabe9/aa440/card-action.png 1500w\", \"/static/0148de61f4e7ddd16fedbf91714aabe9/ca3c3/card-action.png 1850w\"],\n    \"sizes\": \"(max-width: 1500px) 100vw, 1500px\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    },\n    \"loading\": \"lazy\",\n    \"decoding\": \"async\"\n  }), \"\\n    \")), mdx(\"p\", null, \"In this tab, you can also see a preview of your in-app message content:\"), mdx(\"p\", null, mdx(\"span\", {\n    parentName: \"p\",\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"1188px\"\n    }\n  }, \"\\n      \", mdx(\"span\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"133.33333333333331%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"display\": \"block\"\n    }\n  }), \"\\n  \", mdx(\"img\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"preview card\",\n    \"title\": \"preview card\",\n    \"src\": \"/static/438548773486772a213f87e00d2d8ed0/df56e/preview-card.png\",\n    \"srcSet\": [\"/static/438548773486772a213f87e00d2d8ed0/5ff7e/preview-card.png 375w\", \"/static/438548773486772a213f87e00d2d8ed0/1d69c/preview-card.png 750w\", \"/static/438548773486772a213f87e00d2d8ed0/df56e/preview-card.png 1188w\"],\n    \"sizes\": \"(max-width: 1188px) 100vw, 1188px\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    },\n    \"loading\": \"lazy\",\n    \"decoding\": \"async\"\n  }), \"\\n    \")), mdx(\"h3\", null, \"Fullscreen\"), mdx(\"p\", null, \"The card will allow you to create the most intrusive experience by overlaying a fullscreen window over your app or website.\\nFor this type, you should upload an image (it's the only mandatory field), which will be displayed as the background of that window:\"), mdx(\"p\", null, mdx(\"span\", {\n    parentName: \"p\",\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"1500px\"\n    }\n  }, \"\\n      \", mdx(\"span\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"41.86666666666666%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"display\": \"block\"\n    }\n  }), \"\\n  \", mdx(\"img\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"image\",\n    \"title\": \"image\",\n    \"src\": \"/static/7d26639808a4c9a0018b411ef09e4666/aa440/image.png\",\n    \"srcSet\": [\"/static/7d26639808a4c9a0018b411ef09e4666/5ff7e/image.png 375w\", \"/static/7d26639808a4c9a0018b411ef09e4666/1d69c/image.png 750w\", \"/static/7d26639808a4c9a0018b411ef09e4666/aa440/image.png 1500w\", \"/static/7d26639808a4c9a0018b411ef09e4666/79166/image.png 2012w\"],\n    \"sizes\": \"(max-width: 1500px) 100vw, 1500px\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    },\n    \"loading\": \"lazy\",\n    \"decoding\": \"async\"\n  }), \"\\n    \")), mdx(\"p\", null, \"Optionally, you can also upload an image to be used specifically in landscape mode:\"), mdx(\"p\", null, mdx(\"span\", {\n    parentName: \"p\",\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"1500px\"\n    }\n  }, \"\\n      \", mdx(\"span\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"44.800000000000004%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"display\": \"block\"\n    }\n  }), \"\\n  \", mdx(\"img\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"landscape window\",\n    \"title\": \"landscape window\",\n    \"src\": \"/static/115de4a3bd7afbc088a16dfc0c48687f/aa440/landscape-window.png\",\n    \"srcSet\": [\"/static/115de4a3bd7afbc088a16dfc0c48687f/5ff7e/landscape-window.png 375w\", \"/static/115de4a3bd7afbc088a16dfc0c48687f/1d69c/landscape-window.png 750w\", \"/static/115de4a3bd7afbc088a16dfc0c48687f/aa440/landscape-window.png 1500w\", \"/static/115de4a3bd7afbc088a16dfc0c48687f/6c68b/landscape-window.png 1888w\"],\n    \"sizes\": \"(max-width: 1500px) 100vw, 1500px\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    },\n    \"loading\": \"lazy\",\n    \"decoding\": \"async\"\n  }), \"\\n    \")), mdx(\"p\", null, \"You can also provide a title for this type in the following field:\"), mdx(\"p\", null, mdx(\"span\", {\n    parentName: \"p\",\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"1500px\"\n    }\n  }, \"\\n      \", mdx(\"span\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"12.533333333333333%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"display\": \"block\"\n    }\n  }), \"\\n  \", mdx(\"img\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"title\",\n    \"title\": \"title\",\n    \"src\": \"/static/489fe52e4137db802a0b0f191a3f2a41/aa440/title.png\",\n    \"srcSet\": [\"/static/489fe52e4137db802a0b0f191a3f2a41/5ff7e/title.png 375w\", \"/static/489fe52e4137db802a0b0f191a3f2a41/1d69c/title.png 750w\", \"/static/489fe52e4137db802a0b0f191a3f2a41/aa440/title.png 1500w\", \"/static/489fe52e4137db802a0b0f191a3f2a41/3d22e/title.png 2010w\"],\n    \"sizes\": \"(max-width: 1500px) 100vw, 1500px\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    },\n    \"loading\": \"lazy\",\n    \"decoding\": \"async\"\n  }), \"\\n    \")), mdx(\"p\", null, \"And you can also provide a message in the following field:\"), mdx(\"p\", null, mdx(\"span\", {\n    parentName: \"p\",\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"1500px\"\n    }\n  }, \"\\n      \", mdx(\"span\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"17.6%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"display\": \"block\"\n    }\n  }), \"\\n  \", mdx(\"img\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"message\",\n    \"title\": \"message\",\n    \"src\": \"/static/715d5b5da9629437547a598d05f0f688/aa440/message.png\",\n    \"srcSet\": [\"/static/715d5b5da9629437547a598d05f0f688/5ff7e/message.png 375w\", \"/static/715d5b5da9629437547a598d05f0f688/1d69c/message.png 750w\", \"/static/715d5b5da9629437547a598d05f0f688/aa440/message.png 1500w\", \"/static/715d5b5da9629437547a598d05f0f688/0486e/message.png 2008w\"],\n    \"sizes\": \"(max-width: 1500px) 100vw, 1500px\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    },\n    \"loading\": \"lazy\",\n    \"decoding\": \"async\"\n  }), \"\\n    \")), mdx(\"p\", null, \"Additionally, if you want to redirect users to a view in your app or a page in your website, when they click the window, you can provide a URL as the \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Primary Action\"), \":\"), mdx(\"p\", null, mdx(\"span\", {\n    parentName: \"p\",\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"1500px\"\n    }\n  }, \"\\n      \", mdx(\"span\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"51.46666666666667%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"display\": \"block\"\n    }\n  }), \"\\n  \", mdx(\"img\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"primary\",\n    \"title\": \"primary\",\n    \"src\": \"/static/ae2d885ecda64ae24b1b19e4befafa82/aa440/primary.png\",\n    \"srcSet\": [\"/static/ae2d885ecda64ae24b1b19e4befafa82/5ff7e/primary.png 375w\", \"/static/ae2d885ecda64ae24b1b19e4befafa82/1d69c/primary.png 750w\", \"/static/ae2d885ecda64ae24b1b19e4befafa82/aa440/primary.png 1500w\", \"/static/ae2d885ecda64ae24b1b19e4befafa82/79166/primary.png 2012w\"],\n    \"sizes\": \"(max-width: 1500px) 100vw, 1500px\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    },\n    \"loading\": \"lazy\",\n    \"decoding\": \"async\"\n  }), \"\\n    \")), mdx(\"p\", null, \"In this tab, you can also see a preview of your in-app message content:\"), mdx(\"p\", null, mdx(\"span\", {\n    parentName: \"p\",\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"1182px\"\n    }\n  }, \"\\n      \", mdx(\"span\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"134.93333333333334%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"display\": \"block\"\n    }\n  }), \"\\n  \", mdx(\"img\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"preview fullscreen\",\n    \"title\": \"preview fullscreen\",\n    \"src\": \"/static/4c830b6e1fcce4e06798b3a346364f77/7161f/preview-fullscreen.png\",\n    \"srcSet\": [\"/static/4c830b6e1fcce4e06798b3a346364f77/5ff7e/preview-fullscreen.png 375w\", \"/static/4c830b6e1fcce4e06798b3a346364f77/1d69c/preview-fullscreen.png 750w\", \"/static/4c830b6e1fcce4e06798b3a346364f77/7161f/preview-fullscreen.png 1182w\"],\n    \"sizes\": \"(max-width: 1182px) 100vw, 1182px\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    },\n    \"loading\": \"lazy\",\n    \"decoding\": \"async\"\n  }), \"\\n    \")), mdx(\"p\", null, \"All these types can be localized in different languages. Notificare will automatically display the appropriate localized version, based on the language and/or region of the user.\\nTo do that, simply toggle the following option:\"), mdx(\"p\", null, mdx(\"span\", {\n    parentName: \"p\",\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"672px\"\n    }\n  }, \"\\n      \", mdx(\"span\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"14.399999999999999%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"display\": \"block\"\n    }\n  }), \"\\n  \", mdx(\"img\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"localized content\",\n    \"title\": \"localized content\",\n    \"src\": \"/static/dd9549227500ec130a6a8f2b37a416e9/30d16/localized-content.png\",\n    \"srcSet\": [\"/static/dd9549227500ec130a6a8f2b37a416e9/5ff7e/localized-content.png 375w\", \"/static/dd9549227500ec130a6a8f2b37a416e9/30d16/localized-content.png 672w\"],\n    \"sizes\": \"(max-width: 672px) 100vw, 672px\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    },\n    \"loading\": \"lazy\",\n    \"decoding\": \"async\"\n  }), \"\\n    \")), mdx(\"p\", null, \"And provide different version of your content in one or more languages/regions. You can learn more about localized content in our guides located \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"/guides/v3/other/localized-content/\"\n  }, \"here\"), \".\"), mdx(\"h2\", null, \"Segmentation Rules & Custom Events\"), mdx(\"p\", null, \"As you may have noticed, any action in these types also allow you to define segmentation rules or custom events. These will be executed whenever users click those actions.\\nThis will allow you to either automatically categorize users or register events which can later be used for follow-up campaigns.\"), mdx(\"p\", null, \"You can add rules in the following section:\"), mdx(\"p\", null, mdx(\"span\", {\n    parentName: \"p\",\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"1500px\"\n    }\n  }, \"\\n      \", mdx(\"span\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"14.933333333333335%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"display\": \"block\"\n    }\n  }), \"\\n  \", mdx(\"img\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"select rules\",\n    \"title\": \"select rules\",\n    \"src\": \"/static/a5dd6d39d87a2d219838804536d28e6e/aa440/select-rules.png\",\n    \"srcSet\": [\"/static/a5dd6d39d87a2d219838804536d28e6e/5ff7e/select-rules.png 375w\", \"/static/a5dd6d39d87a2d219838804536d28e6e/1d69c/select-rules.png 750w\", \"/static/a5dd6d39d87a2d219838804536d28e6e/aa440/select-rules.png 1500w\", \"/static/a5dd6d39d87a2d219838804536d28e6e/11d70/select-rules.png 1802w\"],\n    \"sizes\": \"(max-width: 1500px) 100vw, 1500px\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    },\n    \"loading\": \"lazy\",\n    \"decoding\": \"async\"\n  }), \"\\n    \")), mdx(\"p\", null, \"To learn more about segmentation rules, please read the guides located \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"/guides/v3/other/segmentation-rules/\"\n  }, \"here\"), \".\"), mdx(\"p\", null, \"Additionally, you can also define custom events in the following area:\"), mdx(\"p\", null, mdx(\"span\", {\n    parentName: \"p\",\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"1500px\"\n    }\n  }, \"\\n      \", mdx(\"span\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"21.066666666666663%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"display\": \"block\"\n    }\n  }), \"\\n  \", mdx(\"img\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"select events\",\n    \"title\": \"select events\",\n    \"src\": \"/static/0c8b2afdcfcb777291787e3ccea810da/aa440/select-events.png\",\n    \"srcSet\": [\"/static/0c8b2afdcfcb777291787e3ccea810da/5ff7e/select-events.png 375w\", \"/static/0c8b2afdcfcb777291787e3ccea810da/1d69c/select-events.png 750w\", \"/static/0c8b2afdcfcb777291787e3ccea810da/aa440/select-events.png 1500w\", \"/static/0c8b2afdcfcb777291787e3ccea810da/d61c2/select-events.png 1800w\"],\n    \"sizes\": \"(max-width: 1500px) 100vw, 1500px\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    },\n    \"loading\": \"lazy\",\n    \"decoding\": \"async\"\n  }), \"\\n    \")), mdx(\"p\", null, \"You can also edit in-app messages by clicking on each entry on the list of in-app messages:\"), mdx(\"p\", null, mdx(\"span\", {\n    parentName: \"p\",\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"1500px\"\n    }\n  }, \"\\n      \", mdx(\"span\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"14.399999999999999%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"display\": \"block\"\n    }\n  }), \"\\n  \", mdx(\"img\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"row\",\n    \"title\": \"row\",\n    \"src\": \"/static/45d6b0a89e510ad0f55a3c8713aa2f05/aa440/row.png\",\n    \"srcSet\": [\"/static/45d6b0a89e510ad0f55a3c8713aa2f05/5ff7e/row.png 375w\", \"/static/45d6b0a89e510ad0f55a3c8713aa2f05/1d69c/row.png 750w\", \"/static/45d6b0a89e510ad0f55a3c8713aa2f05/aa440/row.png 1500w\", \"/static/45d6b0a89e510ad0f55a3c8713aa2f05/f0293/row.png 2250w\", \"/static/45d6b0a89e510ad0f55a3c8713aa2f05/b4472/row.png 2468w\"],\n    \"sizes\": \"(max-width: 1500px) 100vw, 1500px\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    },\n    \"loading\": \"lazy\",\n    \"decoding\": \"async\"\n  }), \"\\n    \")), mdx(\"p\", null, \"Additionally, you can deactivate in-app messages by toggling OFF the switch in each entry.\\nIn each in-app message, you can also quickly clone it, by expanding the \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Options\"), \" menu and clicking in \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Clone\"), \":\"), mdx(\"p\", null, mdx(\"span\", {\n    parentName: \"p\",\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"414px\"\n    }\n  }, \"\\n      \", mdx(\"span\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"64.8%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"display\": \"block\"\n    }\n  }), \"\\n  \", mdx(\"img\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"options clone\",\n    \"title\": \"options clone\",\n    \"src\": \"/static/8f9a819231c99d4ff89cfcc990d335d7/b910a/options-clone.png\",\n    \"srcSet\": [\"/static/8f9a819231c99d4ff89cfcc990d335d7/5ff7e/options-clone.png 375w\", \"/static/8f9a819231c99d4ff89cfcc990d335d7/b910a/options-clone.png 414w\"],\n    \"sizes\": \"(max-width: 414px) 100vw, 414px\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    },\n    \"loading\": \"lazy\",\n    \"decoding\": \"async\"\n  }), \"\\n    \")), mdx(\"p\", null, \"You can also delete them, by expanding the \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Options\"), \" menu and clicking in \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Delete\"), \":\"), mdx(\"p\", null, mdx(\"span\", {\n    parentName: \"p\",\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"414px\"\n    }\n  }, \"\\n      \", mdx(\"span\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"66.13333333333333%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"display\": \"block\"\n    }\n  }), \"\\n  \", mdx(\"img\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"options delete\",\n    \"title\": \"options delete\",\n    \"src\": \"/static/02c5e95cbf08e54347ce3b897022e774/b910a/options-delete.png\",\n    \"srcSet\": [\"/static/02c5e95cbf08e54347ce3b897022e774/5ff7e/options-delete.png 375w\", \"/static/02c5e95cbf08e54347ce3b897022e774/b910a/options-delete.png 414w\"],\n    \"sizes\": \"(max-width: 414px) 100vw, 414px\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    },\n    \"loading\": \"lazy\",\n    \"decoding\": \"async\"\n  }), \"\\n    \")));\n}\n;\nMDXContent.isMDXComponent = true;","frontmatter":{"title":"In-App Messages | Engagement | Guides","description":"In this area you can create in-app messages for your mobile and web app."}}},"pageContext":{"slug":"/guides/v3/engagement/in-app-messages/","previous":{"fields":{"slug":"/guides/v3/engagement/campaigns/"},"frontmatter":{"title":"Campaigns | Engagement | Guides","description":"In this area you can create scheduled, location and event based campaigns."}},"next":{"fields":{"slug":"/guides/v3/engagement/marketing-calendar/"},"frontmatter":{"title":"Marketing Calendar | Engagement | Guides","description":"In this area you can get a pretty clear overview of your campaigns, messages and in-app messages organized by time."}},"language":"en","intl":{"language":"en","languages":["en"],"messages":{"title":"Notificare Docs","description":"Find the newest resources, guides and code. Make the most out of your app using our SDK and APIs.","author":"@notificare","pages.404.title":"These aren't the droids you're looking for","pages.404.description":"Probably the page you are looking for does not exist or was recently moved. If you think something is wrong please contact us.","pages.home.title":"Help Center","pages.home.description":"Find the newest resources, guides and code. Make the most out of your app using our SDK and APIs.","components.cookieManager.title":"Cookie Settings","components.cookieManager.text":"This website uses the following types of cookies; strictly necessary, performance, functional and marketing cookies. For specific information regarding how these cookies may impact your experience please read our <a href='/cookies'>Cookie Policy</a> and <a href='/privacy'>Privacy Policy</a>.","components.cookieManager.types.strict.label":"Strict","components.cookieManager.types.functional.label":"Functional","components.cookieManager.types.performance.label":"Performance","components.cookieManager.types.marketing.label":"Marketing","components.cookieManager.button":"Save Settings","components.search.query.placeholder":"Type your search","components.search.query.button":"Search","components.search.query.error":"Please insert some search terms","components.search.query.noResults":"No results found for your search terms","components.footer.copyright":"Notificare","components.footer.platform":"Platform Status","components.notificare.onBoarding.text":"Would you like to receive push notifications from our website?","components.notificare.onBoarding.cancelText":"No","components.notificare.onBoarding.acceptText":"Yes","shared.readMore":"Read more","shared.latestVersion":"Latest Version:","shared.jumpTo":"Jump to:","shared.sdkWarning":"These are deprecated or outdated SDK guides. Make sure you use the latest version of our libraries in order to benefit from all the new features, important bug fixes and security updates.","shared.guidesWarning":"You are viewing guides to a legacy interface that will be discontinued on January 1 2024. Please consider switching to the new interface.","shared.comingSoon":"Coming Soon"},"routed":false,"originalPath":"/guides/v3/engagement/in-app-messages/","redirect":false,"redirectDefaultLanguageToRoot":false,"defaultLanguage":"en","fallbackLanguage":"","ignoredPaths":[]}}},
    "staticQueryHashes": ["1473005414","63159454"]}