[{"data":1,"prerenderedAt":1984},["ShallowReactive",2],{"navigation_docs":3,"-embed-guide":63,"-embed-guide-surround":1979},[4,21,37,47],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":20},"Getting Started","i-lucide-rocket","\u002Fgetting-started","1.getting-started",[10,15],{"title":11,"path":12,"stem":13,"icon":14},"Introduction","\u002Fgetting-started\u002Fintroduction","1.getting-started\u002F1.introduction","i-lucide-house",{"title":16,"path":17,"stem":18,"icon":19},"Campaign Configuration","\u002Fgetting-started\u002Fcampaign-configuration","1.getting-started\u002F2.campaign-configuration","i-lucide-megaphone",false,{"title":22,"icon":23,"path":24,"stem":25,"children":26,"page":20},"Embed","i-lucide-code","\u002Fembed","2.embed",[27,32],{"title":28,"path":29,"stem":30,"icon":31},"Integration Guide","\u002Fembed\u002Fguide","2.embed\u002F1.guide","i-lucide-book-open",{"title":33,"path":34,"stem":35,"icon":36},"API Reference","\u002Fembed\u002Fapi-reference","2.embed\u002F2.api-reference","i-lucide-file-code",{"title":38,"icon":39,"path":40,"stem":41,"children":42,"page":20},"External API","i-lucide-globe","\u002Fexternal-api","3.external-api",[43],{"title":44,"path":45,"stem":46,"icon":36},"Campaign Reference","\u002Fexternal-api\u002Freference","3.external-api\u002F1.reference",{"title":48,"icon":49,"path":50,"stem":51,"children":52,"page":20},"AI Assistants","i-lucide-bot","\u002Fai-assistants","4.ai-assistants",[53,58],{"title":54,"path":55,"stem":56,"icon":57},"Connect an Assistant","\u002Fai-assistants\u002Fconnect","4.ai-assistants\u002F1.connect","i-lucide-plug",{"title":59,"path":60,"stem":61,"icon":62},"What the Assistant Can Do","\u002Fai-assistants\u002Fcapabilities","4.ai-assistants\u002F2.capabilities","i-lucide-list-checks",{"id":64,"title":28,"body":65,"description":1971,"extension":1972,"links":1973,"meta":1975,"navigation":1976,"path":29,"seo":1977,"stem":30,"__hash__":1978},"docs\u002F2.embed\u002F1.guide.md",{"type":66,"value":67,"toc":1954},"minimark",[68,72,77,89,93,323,326,537,544,548,558,660,664,674,773,813,817,820,957,992,996,999,1117,1177,1184,1190,1194,1199,1378,1382,1388,1392,1402,1651,1655,1660,1935,1942,1950],[69,70,71],"p",{},"The Activoice embed lets you add a campaign widget directly on your own website. Visitors can participate in the campaign without ever leaving your page — all you need is a small snippet of HTML.",[73,74,76],"h2",{"id":75},"how-it-works","How it works",[69,78,79,80,84,85,88],{},"The embed loads your campaign inside an ",[81,82,83],"code",{},"\u003Ciframe>"," that automatically resizes to match its content. A lightweight JavaScript loader (",[81,86,87],{},"loader.js",") manages the lifecycle: it shows a spinner while the campaign loads, then hands off control to the iframe.",[73,90,92],{"id":91},"quick-start","Quick start",[94,95,96,101,112,179,183,190,220,224,231],"steps",{},[97,98,100],"h3",{"id":99},"add-the-loader-script","Add the loader script",[69,102,103,104,107,108,111],{},"Paste the following tag inside the ",[81,105,106],{},"\u003Chead>"," of your page. You will find the exact URL in the backoffice, on the campaign's ",[109,110,22],"strong",{}," panel.",[113,114,119],"pre",{"className":115,"code":116,"language":117,"meta":118,"style":118},"language-html shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Chead>\n  \u003Cscript src=\"https:\u002F\u002Fapp.activoice.org\u002Fembed\u002Fv1\u002Floader.js\">\u003C\u002Fscript>\n\u003C\u002Fhead>\n","html","",[81,120,121,137,169],{"__ignoreMap":118},[122,123,126,130,134],"span",{"class":124,"line":125},"line",1,[122,127,129],{"class":128},"sMK4o","\u003C",[122,131,133],{"class":132},"swJcz","head",[122,135,136],{"class":128},">\n",[122,138,140,143,146,150,153,156,160,162,165,167],{"class":124,"line":139},2,[122,141,142],{"class":128},"  \u003C",[122,144,145],{"class":132},"script",[122,147,149],{"class":148},"spNyl"," src",[122,151,152],{"class":128},"=",[122,154,155],{"class":128},"\"",[122,157,159],{"class":158},"sfazB","https:\u002F\u002Fapp.activoice.org\u002Fembed\u002Fv1\u002Floader.js",[122,161,155],{"class":128},[122,163,164],{"class":128},">\u003C\u002F",[122,166,145],{"class":132},[122,168,136],{"class":128},[122,170,172,175,177],{"class":124,"line":171},3,[122,173,174],{"class":128},"\u003C\u002F",[122,176,133],{"class":132},[122,178,136],{"class":128},[97,180,182],{"id":181},"add-a-container","Add a container",[69,184,185,186,189],{},"Place an empty ",[81,187,188],{},"\u003Cdiv>"," wherever you want the campaign to appear:",[113,191,193],{"className":115,"code":192,"language":117,"meta":118,"style":118},"\u003Cdiv id=\"av-embed-container\">\u003C\u002Fdiv>\n",[81,194,195],{"__ignoreMap":118},[122,196,197,199,202,205,207,209,212,214,216,218],{"class":124,"line":125},[122,198,129],{"class":128},[122,200,201],{"class":132},"div",[122,203,204],{"class":148}," id",[122,206,152],{"class":128},[122,208,155],{"class":128},[122,210,211],{"class":158},"av-embed-container",[122,213,155],{"class":128},[122,215,164],{"class":128},[122,217,201],{"class":132},[122,219,136],{"class":128},[97,221,223],{"id":222},"initialize-the-embed","Initialize the embed",[69,225,226,227,230],{},"Call ",[81,228,229],{},"Activoice.init()"," with your campaign ID:",[113,232,234],{"className":115,"code":233,"language":117,"meta":118,"style":118},"\u003Cscript>\nwindow.Activoice.init({\n  container: '#av-embed-container',\n  campaignId: 'my-campaign-slug',\n})\n\u003C\u002Fscript>\n",[81,235,236,244,268,288,305,314],{"__ignoreMap":118},[122,237,238,240,242],{"class":124,"line":125},[122,239,129],{"class":128},[122,241,145],{"class":132},[122,243,136],{"class":128},[122,245,246,250,253,256,258,262,265],{"class":124,"line":139},[122,247,249],{"class":248},"sTEyZ","window",[122,251,252],{"class":128},".",[122,254,255],{"class":248},"Activoice",[122,257,252],{"class":128},[122,259,261],{"class":260},"s2Zo4","init",[122,263,264],{"class":248},"(",[122,266,267],{"class":128},"{\n",[122,269,270,273,276,279,282,285],{"class":124,"line":171},[122,271,272],{"class":132},"  container",[122,274,275],{"class":128},":",[122,277,278],{"class":128}," '",[122,280,281],{"class":158},"#av-embed-container",[122,283,284],{"class":128},"'",[122,286,287],{"class":128},",\n",[122,289,291,294,296,298,301,303],{"class":124,"line":290},4,[122,292,293],{"class":132},"  campaignId",[122,295,275],{"class":128},[122,297,278],{"class":128},[122,299,300],{"class":158},"my-campaign-slug",[122,302,284],{"class":128},[122,304,287],{"class":128},[122,306,308,311],{"class":124,"line":307},5,[122,309,310],{"class":128},"}",[122,312,313],{"class":248},")\n",[122,315,317,319,321],{"class":124,"line":316},6,[122,318,174],{"class":128},[122,320,145],{"class":132},[122,322,136],{"class":128},[69,324,325],{},"That's it. The complete snippet looks like this:",[113,327,330],{"className":115,"code":328,"filename":329,"language":117,"meta":118,"style":118},"\u003C!DOCTYPE html>\n\u003Chtml lang=\"en\">\n\u003Chead>\n  \u003Cscript src=\"https:\u002F\u002Fapp.activoice.org\u002Fembed\u002Fv1\u002Floader.js\">\u003C\u002Fscript>\n\u003C\u002Fhead>\n\u003Cbody>\n  \u003Cdiv id=\"av-embed-container\">\u003C\u002Fdiv>\n\n  \u003Cscript>\n  window.Activoice.init({\n    container: '#av-embed-container',\n    campaignId: 'my-campaign-slug',\n  })\n  \u003C\u002Fscript>\n\u003C\u002Fbody>\n\u003C\u002Fhtml>\n","index.html",[81,331,332,345,365,373,395,403,412,435,442,451,469,485,501,509,519,528],{"__ignoreMap":118},[122,333,334,337,340,343],{"class":124,"line":125},[122,335,336],{"class":128},"\u003C!",[122,338,339],{"class":132},"DOCTYPE",[122,341,342],{"class":148}," html",[122,344,136],{"class":128},[122,346,347,349,351,354,356,358,361,363],{"class":124,"line":139},[122,348,129],{"class":128},[122,350,117],{"class":132},[122,352,353],{"class":148}," lang",[122,355,152],{"class":128},[122,357,155],{"class":128},[122,359,360],{"class":158},"en",[122,362,155],{"class":128},[122,364,136],{"class":128},[122,366,367,369,371],{"class":124,"line":171},[122,368,129],{"class":128},[122,370,133],{"class":132},[122,372,136],{"class":128},[122,374,375,377,379,381,383,385,387,389,391,393],{"class":124,"line":290},[122,376,142],{"class":128},[122,378,145],{"class":132},[122,380,149],{"class":148},[122,382,152],{"class":128},[122,384,155],{"class":128},[122,386,159],{"class":158},[122,388,155],{"class":128},[122,390,164],{"class":128},[122,392,145],{"class":132},[122,394,136],{"class":128},[122,396,397,399,401],{"class":124,"line":307},[122,398,174],{"class":128},[122,400,133],{"class":132},[122,402,136],{"class":128},[122,404,405,407,410],{"class":124,"line":316},[122,406,129],{"class":128},[122,408,409],{"class":132},"body",[122,411,136],{"class":128},[122,413,415,417,419,421,423,425,427,429,431,433],{"class":124,"line":414},7,[122,416,142],{"class":128},[122,418,201],{"class":132},[122,420,204],{"class":148},[122,422,152],{"class":128},[122,424,155],{"class":128},[122,426,211],{"class":158},[122,428,155],{"class":128},[122,430,164],{"class":128},[122,432,201],{"class":132},[122,434,136],{"class":128},[122,436,438],{"class":124,"line":437},8,[122,439,441],{"emptyLinePlaceholder":440},true,"\n",[122,443,445,447,449],{"class":124,"line":444},9,[122,446,142],{"class":128},[122,448,145],{"class":132},[122,450,136],{"class":128},[122,452,454,457,459,461,463,465,467],{"class":124,"line":453},10,[122,455,456],{"class":248},"  window",[122,458,252],{"class":128},[122,460,255],{"class":248},[122,462,252],{"class":128},[122,464,261],{"class":260},[122,466,264],{"class":248},[122,468,267],{"class":128},[122,470,472,475,477,479,481,483],{"class":124,"line":471},11,[122,473,474],{"class":132},"    container",[122,476,275],{"class":128},[122,478,278],{"class":128},[122,480,281],{"class":158},[122,482,284],{"class":128},[122,484,287],{"class":128},[122,486,488,491,493,495,497,499],{"class":124,"line":487},12,[122,489,490],{"class":132},"    campaignId",[122,492,275],{"class":128},[122,494,278],{"class":128},[122,496,300],{"class":158},[122,498,284],{"class":128},[122,500,287],{"class":128},[122,502,504,507],{"class":124,"line":503},13,[122,505,506],{"class":128},"  }",[122,508,313],{"class":248},[122,510,512,515,517],{"class":124,"line":511},14,[122,513,514],{"class":128},"  \u003C\u002F",[122,516,145],{"class":132},[122,518,136],{"class":128},[122,520,522,524,526],{"class":124,"line":521},15,[122,523,174],{"class":128},[122,525,409],{"class":132},[122,527,136],{"class":128},[122,529,531,533,535],{"class":124,"line":530},16,[122,532,174],{"class":128},[122,534,117],{"class":132},[122,536,136],{"class":128},[538,539,540,541,543],"note",{},"Copy-paste ready snippets are available directly from the backoffice: open a campaign, then click ",[109,542,22],{}," in the top-right actions menu.",[73,545,547],{"id":546},"customizing-the-spinner-color","Customizing the spinner color",[69,549,550,551,554,555,275],{},"By default the loading spinner uses Activoice's brand yellow (",[81,552,553],{},"#fed13a","). Match it to your site's colors with ",[81,556,557],{},"embedOptions.spinnerColor",[113,559,561],{"className":115,"code":560,"language":117,"meta":118,"style":118},"\u003Cscript>\nwindow.Activoice.init({\n  container: '#av-embed-container',\n  campaignId: 'my-campaign-slug',\n  embedOptions: {\n    spinnerColor: '#0057ff',\n  },\n})\n\u003C\u002Fscript>\n",[81,562,563,571,587,601,615,625,641,646,652],{"__ignoreMap":118},[122,564,565,567,569],{"class":124,"line":125},[122,566,129],{"class":128},[122,568,145],{"class":132},[122,570,136],{"class":128},[122,572,573,575,577,579,581,583,585],{"class":124,"line":139},[122,574,249],{"class":248},[122,576,252],{"class":128},[122,578,255],{"class":248},[122,580,252],{"class":128},[122,582,261],{"class":260},[122,584,264],{"class":248},[122,586,267],{"class":128},[122,588,589,591,593,595,597,599],{"class":124,"line":171},[122,590,272],{"class":132},[122,592,275],{"class":128},[122,594,278],{"class":128},[122,596,281],{"class":158},[122,598,284],{"class":128},[122,600,287],{"class":128},[122,602,603,605,607,609,611,613],{"class":124,"line":290},[122,604,293],{"class":132},[122,606,275],{"class":128},[122,608,278],{"class":128},[122,610,300],{"class":158},[122,612,284],{"class":128},[122,614,287],{"class":128},[122,616,617,620,622],{"class":124,"line":307},[122,618,619],{"class":132},"  embedOptions",[122,621,275],{"class":128},[122,623,624],{"class":128}," {\n",[122,626,627,630,632,634,637,639],{"class":124,"line":316},[122,628,629],{"class":132},"    spinnerColor",[122,631,275],{"class":128},[122,633,278],{"class":128},[122,635,636],{"class":158},"#0057ff",[122,638,284],{"class":128},[122,640,287],{"class":128},[122,642,643],{"class":124,"line":414},[122,644,645],{"class":128},"  },\n",[122,647,648,650],{"class":124,"line":437},[122,649,310],{"class":128},[122,651,313],{"class":248},[122,653,654,656,658],{"class":124,"line":444},[122,655,174],{"class":128},[122,657,145],{"class":132},[122,659,136],{"class":128},[73,661,663],{"id":662},"choosing-where-to-start-the-campaign-flow","Choosing where to start the campaign flow",[69,665,666,667,670,671,275],{},"By default, visitors land directly on the action steps (the \"go\" page). If your campaign has a dedicated landing page you want to show first, set ",[81,668,669],{},"initialPage"," to ",[81,672,673],{},"'landing'",[113,675,677],{"className":115,"code":676,"language":117,"meta":118,"style":118},"\u003Cscript>\nwindow.Activoice.init({\n  container: '#av-embed-container',\n  campaignId: 'my-campaign-slug',\n  embedOptions: {\n    initialPage: 'landing',\n  },\n})\n\u003C\u002Fscript>\n",[81,678,679,687,703,717,731,739,755,759,765],{"__ignoreMap":118},[122,680,681,683,685],{"class":124,"line":125},[122,682,129],{"class":128},[122,684,145],{"class":132},[122,686,136],{"class":128},[122,688,689,691,693,695,697,699,701],{"class":124,"line":139},[122,690,249],{"class":248},[122,692,252],{"class":128},[122,694,255],{"class":248},[122,696,252],{"class":128},[122,698,261],{"class":260},[122,700,264],{"class":248},[122,702,267],{"class":128},[122,704,705,707,709,711,713,715],{"class":124,"line":171},[122,706,272],{"class":132},[122,708,275],{"class":128},[122,710,278],{"class":128},[122,712,281],{"class":158},[122,714,284],{"class":128},[122,716,287],{"class":128},[122,718,719,721,723,725,727,729],{"class":124,"line":290},[122,720,293],{"class":132},[122,722,275],{"class":128},[122,724,278],{"class":128},[122,726,300],{"class":158},[122,728,284],{"class":128},[122,730,287],{"class":128},[122,732,733,735,737],{"class":124,"line":307},[122,734,619],{"class":132},[122,736,275],{"class":128},[122,738,624],{"class":128},[122,740,741,744,746,748,751,753],{"class":124,"line":316},[122,742,743],{"class":132},"    initialPage",[122,745,275],{"class":128},[122,747,278],{"class":128},[122,749,750],{"class":158},"landing",[122,752,284],{"class":128},[122,754,287],{"class":128},[122,756,757],{"class":124,"line":414},[122,758,645],{"class":128},[122,760,761,763],{"class":124,"line":437},[122,762,310],{"class":128},[122,764,313],{"class":248},[122,766,767,769,771],{"class":124,"line":444},[122,768,174],{"class":128},[122,770,145],{"class":132},[122,772,136],{"class":128},[774,775,776,789],"table",{},[777,778,779],"thead",{},[780,781,782,786],"tr",{},[783,784,785],"th",{},"Value",[783,787,788],{},"Behavior",[790,791,792,804],"tbody",{},[780,793,794,801],{},[795,796,797,800],"td",{},[81,798,799],{},"'steps'"," (default)",[795,802,803],{},"Opens directly on the action step",[780,805,806,810],{},[795,807,808],{},[81,809,673],{},[795,811,812],{},"Shows the campaign landing page first",[73,814,816],{"id":815},"controlling-the-iframe-height","Controlling the iframe height",[69,818,819],{},"The embed resizes automatically to match its content. In some layouts — for example inside a full-height sidebar or a fixed panel — you may want the iframe to fill its container instead:",[113,821,823],{"className":115,"code":822,"language":117,"meta":118,"style":118},"\u003Cdiv id=\"av-embed-container\" style=\"height: 100vh;\">\u003C\u002Fdiv>\n\n\u003Cscript>\nwindow.Activoice.init({\n  container: '#av-embed-container',\n  campaignId: 'my-campaign-slug',\n  embedOptions: {\n    displayMode: 'fullHeight',\n  },\n})\n\u003C\u002Fscript>\n",[81,824,825,859,863,871,887,901,915,923,939,943,949],{"__ignoreMap":118},[122,826,827,829,831,833,835,837,839,841,844,846,848,851,853,855,857],{"class":124,"line":125},[122,828,129],{"class":128},[122,830,201],{"class":132},[122,832,204],{"class":148},[122,834,152],{"class":128},[122,836,155],{"class":128},[122,838,211],{"class":158},[122,840,155],{"class":128},[122,842,843],{"class":148}," style",[122,845,152],{"class":128},[122,847,155],{"class":128},[122,849,850],{"class":158},"height: 100vh;",[122,852,155],{"class":128},[122,854,164],{"class":128},[122,856,201],{"class":132},[122,858,136],{"class":128},[122,860,861],{"class":124,"line":139},[122,862,441],{"emptyLinePlaceholder":440},[122,864,865,867,869],{"class":124,"line":171},[122,866,129],{"class":128},[122,868,145],{"class":132},[122,870,136],{"class":128},[122,872,873,875,877,879,881,883,885],{"class":124,"line":290},[122,874,249],{"class":248},[122,876,252],{"class":128},[122,878,255],{"class":248},[122,880,252],{"class":128},[122,882,261],{"class":260},[122,884,264],{"class":248},[122,886,267],{"class":128},[122,888,889,891,893,895,897,899],{"class":124,"line":307},[122,890,272],{"class":132},[122,892,275],{"class":128},[122,894,278],{"class":128},[122,896,281],{"class":158},[122,898,284],{"class":128},[122,900,287],{"class":128},[122,902,903,905,907,909,911,913],{"class":124,"line":316},[122,904,293],{"class":132},[122,906,275],{"class":128},[122,908,278],{"class":128},[122,910,300],{"class":158},[122,912,284],{"class":128},[122,914,287],{"class":128},[122,916,917,919,921],{"class":124,"line":414},[122,918,619],{"class":132},[122,920,275],{"class":128},[122,922,624],{"class":128},[122,924,925,928,930,932,935,937],{"class":124,"line":437},[122,926,927],{"class":132},"    displayMode",[122,929,275],{"class":128},[122,931,278],{"class":128},[122,933,934],{"class":158},"fullHeight",[122,936,284],{"class":128},[122,938,287],{"class":128},[122,940,941],{"class":124,"line":444},[122,942,645],{"class":128},[122,944,945,947],{"class":124,"line":453},[122,946,310],{"class":128},[122,948,313],{"class":248},[122,950,951,953,955],{"class":124,"line":471},[122,952,174],{"class":128},[122,954,145],{"class":132},[122,956,136],{"class":128},[774,958,959,967],{},[777,960,961],{},[780,962,963,965],{},[783,964,785],{},[783,966,788],{},[790,968,969,979],{},[780,970,971,976],{},[795,972,973,800],{},[81,974,975],{},"'inline'",[795,977,978],{},"Height set in pixels, updated on each content resize",[780,980,981,986],{},[795,982,983],{},[81,984,985],{},"'fullHeight'",[795,987,988,991],{},[81,989,990],{},"height: 100%"," is applied; the container controls the height",[73,993,995],{"id":994},"control-ui-appearance","Control UI appearance",[69,997,998],{},"These flags control visible UI elements inside the embedded campaign:",[113,1000,1002],{"className":115,"code":1001,"language":117,"meta":118,"style":118},"\u003Cscript>\nwindow.Activoice.init({\n  container: '#av-embed-container',\n  campaignId: 'my-campaign-slug',\n  embedOptions: {\n    withToolbar: true,\n    withBackground: true,\n    withPadding: true,\n  },\n})\n\u003C\u002Fscript>\n",[81,1003,1004,1012,1028,1042,1056,1064,1077,1088,1099,1103,1109],{"__ignoreMap":118},[122,1005,1006,1008,1010],{"class":124,"line":125},[122,1007,129],{"class":128},[122,1009,145],{"class":132},[122,1011,136],{"class":128},[122,1013,1014,1016,1018,1020,1022,1024,1026],{"class":124,"line":139},[122,1015,249],{"class":248},[122,1017,252],{"class":128},[122,1019,255],{"class":248},[122,1021,252],{"class":128},[122,1023,261],{"class":260},[122,1025,264],{"class":248},[122,1027,267],{"class":128},[122,1029,1030,1032,1034,1036,1038,1040],{"class":124,"line":171},[122,1031,272],{"class":132},[122,1033,275],{"class":128},[122,1035,278],{"class":128},[122,1037,281],{"class":158},[122,1039,284],{"class":128},[122,1041,287],{"class":128},[122,1043,1044,1046,1048,1050,1052,1054],{"class":124,"line":290},[122,1045,293],{"class":132},[122,1047,275],{"class":128},[122,1049,278],{"class":128},[122,1051,300],{"class":158},[122,1053,284],{"class":128},[122,1055,287],{"class":128},[122,1057,1058,1060,1062],{"class":124,"line":307},[122,1059,619],{"class":132},[122,1061,275],{"class":128},[122,1063,624],{"class":128},[122,1065,1066,1069,1071,1075],{"class":124,"line":316},[122,1067,1068],{"class":132},"    withToolbar",[122,1070,275],{"class":128},[122,1072,1074],{"class":1073},"sfNiH"," true",[122,1076,287],{"class":128},[122,1078,1079,1082,1084,1086],{"class":124,"line":414},[122,1080,1081],{"class":132},"    withBackground",[122,1083,275],{"class":128},[122,1085,1074],{"class":1073},[122,1087,287],{"class":128},[122,1089,1090,1093,1095,1097],{"class":124,"line":437},[122,1091,1092],{"class":132},"    withPadding",[122,1094,275],{"class":128},[122,1096,1074],{"class":1073},[122,1098,287],{"class":128},[122,1100,1101],{"class":124,"line":444},[122,1102,645],{"class":128},[122,1104,1105,1107],{"class":124,"line":453},[122,1106,310],{"class":128},[122,1108,313],{"class":248},[122,1110,1111,1113,1115],{"class":124,"line":471},[122,1112,174],{"class":128},[122,1114,145],{"class":132},[122,1116,136],{"class":128},[774,1118,1119,1132],{},[777,1120,1121],{},[780,1122,1123,1126,1129],{},[783,1124,1125],{},"Option",[783,1127,1128],{},"Default",[783,1130,1131],{},"Effect",[790,1133,1134,1149,1163],{},[780,1135,1136,1141,1146],{},[795,1137,1138],{},[81,1139,1140],{},"withToolbar",[795,1142,1143],{},[81,1144,1145],{},"false",[795,1147,1148],{},"Shows the navigation toolbar (back button, step indicator)",[780,1150,1151,1156,1160],{},[795,1152,1153],{},[81,1154,1155],{},"withBackground",[795,1157,1158],{},[81,1159,1145],{},[795,1161,1162],{},"Applies the campaign's background color to the iframe",[780,1164,1165,1170,1174],{},[795,1166,1167],{},[81,1168,1169],{},"withPadding",[795,1171,1172],{},[81,1173,1145],{},[795,1175,1176],{},"Adds horizontal padding to the content area",[1178,1179,1180,1181,1183],"tip",{},"These options default to ",[81,1182,1145],{}," so the embed looks clean and seamless by default. Enable them when you want the embed to look closer to the standalone campaign page.",[538,1185,1186,1187,1189],{},"When ",[81,1188,1155],{}," is enabled and the campaign's background color is dark, text and UI elements automatically switch to a light color so content stays readable — no extra configuration needed.",[73,1191,1193],{"id":1192},"embedding-multiple-campaigns-on-the-same-page","Embedding multiple campaigns on the same page",[69,1195,226,1196,1198],{},[81,1197,229],{}," once per container. Each embed is independent:",[113,1200,1202],{"className":115,"code":1201,"language":117,"meta":118,"style":118},"\u003Cdiv id=\"campaign-a\">\u003C\u002Fdiv>\n\u003Cdiv id=\"campaign-b\">\u003C\u002Fdiv>\n\n\u003Cscript>\nwindow.Activoice.init({\n  container: '#campaign-a',\n  campaignId: 'climate-action',\n})\n\nwindow.Activoice.init({\n  container: '#campaign-b',\n  campaignId: 'housing-rights',\n})\n\u003C\u002Fscript>\n",[81,1203,1204,1227,1250,1254,1262,1278,1293,1308,1314,1318,1334,1349,1364,1370],{"__ignoreMap":118},[122,1205,1206,1208,1210,1212,1214,1216,1219,1221,1223,1225],{"class":124,"line":125},[122,1207,129],{"class":128},[122,1209,201],{"class":132},[122,1211,204],{"class":148},[122,1213,152],{"class":128},[122,1215,155],{"class":128},[122,1217,1218],{"class":158},"campaign-a",[122,1220,155],{"class":128},[122,1222,164],{"class":128},[122,1224,201],{"class":132},[122,1226,136],{"class":128},[122,1228,1229,1231,1233,1235,1237,1239,1242,1244,1246,1248],{"class":124,"line":139},[122,1230,129],{"class":128},[122,1232,201],{"class":132},[122,1234,204],{"class":148},[122,1236,152],{"class":128},[122,1238,155],{"class":128},[122,1240,1241],{"class":158},"campaign-b",[122,1243,155],{"class":128},[122,1245,164],{"class":128},[122,1247,201],{"class":132},[122,1249,136],{"class":128},[122,1251,1252],{"class":124,"line":171},[122,1253,441],{"emptyLinePlaceholder":440},[122,1255,1256,1258,1260],{"class":124,"line":290},[122,1257,129],{"class":128},[122,1259,145],{"class":132},[122,1261,136],{"class":128},[122,1263,1264,1266,1268,1270,1272,1274,1276],{"class":124,"line":307},[122,1265,249],{"class":248},[122,1267,252],{"class":128},[122,1269,255],{"class":248},[122,1271,252],{"class":128},[122,1273,261],{"class":260},[122,1275,264],{"class":248},[122,1277,267],{"class":128},[122,1279,1280,1282,1284,1286,1289,1291],{"class":124,"line":316},[122,1281,272],{"class":132},[122,1283,275],{"class":128},[122,1285,278],{"class":128},[122,1287,1288],{"class":158},"#campaign-a",[122,1290,284],{"class":128},[122,1292,287],{"class":128},[122,1294,1295,1297,1299,1301,1304,1306],{"class":124,"line":414},[122,1296,293],{"class":132},[122,1298,275],{"class":128},[122,1300,278],{"class":128},[122,1302,1303],{"class":158},"climate-action",[122,1305,284],{"class":128},[122,1307,287],{"class":128},[122,1309,1310,1312],{"class":124,"line":437},[122,1311,310],{"class":128},[122,1313,313],{"class":248},[122,1315,1316],{"class":124,"line":444},[122,1317,441],{"emptyLinePlaceholder":440},[122,1319,1320,1322,1324,1326,1328,1330,1332],{"class":124,"line":453},[122,1321,249],{"class":248},[122,1323,252],{"class":128},[122,1325,255],{"class":248},[122,1327,252],{"class":128},[122,1329,261],{"class":260},[122,1331,264],{"class":248},[122,1333,267],{"class":128},[122,1335,1336,1338,1340,1342,1345,1347],{"class":124,"line":471},[122,1337,272],{"class":132},[122,1339,275],{"class":128},[122,1341,278],{"class":128},[122,1343,1344],{"class":158},"#campaign-b",[122,1346,284],{"class":128},[122,1348,287],{"class":128},[122,1350,1351,1353,1355,1357,1360,1362],{"class":124,"line":487},[122,1352,293],{"class":132},[122,1354,275],{"class":128},[122,1356,278],{"class":128},[122,1358,1359],{"class":158},"housing-rights",[122,1361,284],{"class":128},[122,1363,287],{"class":128},[122,1365,1366,1368],{"class":124,"line":503},[122,1367,310],{"class":128},[122,1369,313],{"class":248},[122,1371,1372,1374,1376],{"class":124,"line":511},[122,1373,174],{"class":128},[122,1375,145],{"class":132},[122,1377,136],{"class":128},[73,1379,1381],{"id":1380},"overriding-campaign-recipients","Overriding campaign recipients",[69,1383,1384,1387],{},[81,1385,1386],{},"campaignOverrides"," lets you replace the recipients defined in the backoffice with your own data. This is useful when recipient data comes from an external CRM or changes dynamically.",[97,1389,1391],{"id":1390},"global-recipients-override","Global recipients override",[69,1393,1394,1395,1398,1399,1401],{},"Set ",[81,1396,1397],{},"recipients"," at the root of ",[81,1400,1386],{}," to apply the same recipients to all interpellations at once:",[113,1403,1405],{"className":115,"code":1404,"language":117,"meta":118,"style":118},"\u003Cscript>\nwindow.Activoice.init({\n  container: '#av-embed-container',\n  campaignId: 'my-campaign-slug',\n  campaignOverrides: {\n    recipients: [\n      {\n        first_name: 'Alice',\n        last_name: 'Smith',\n        email: 'alice.smith@example.com',\n        display_title: 'Minister of Ecological Transition',\n      },\n      {\n        first_name: 'Bob',\n        last_name: 'Jones',\n        email: 'bob.jones@example.com',\n        display_title: 'Secretary of State for Housing',\n      },\n    ],\n  },\n})\n\u003C\u002Fscript>\n",[81,1406,1407,1415,1431,1445,1459,1468,1478,1483,1499,1515,1531,1547,1552,1556,1571,1586,1601,1617,1622,1630,1635,1642],{"__ignoreMap":118},[122,1408,1409,1411,1413],{"class":124,"line":125},[122,1410,129],{"class":128},[122,1412,145],{"class":132},[122,1414,136],{"class":128},[122,1416,1417,1419,1421,1423,1425,1427,1429],{"class":124,"line":139},[122,1418,249],{"class":248},[122,1420,252],{"class":128},[122,1422,255],{"class":248},[122,1424,252],{"class":128},[122,1426,261],{"class":260},[122,1428,264],{"class":248},[122,1430,267],{"class":128},[122,1432,1433,1435,1437,1439,1441,1443],{"class":124,"line":171},[122,1434,272],{"class":132},[122,1436,275],{"class":128},[122,1438,278],{"class":128},[122,1440,281],{"class":158},[122,1442,284],{"class":128},[122,1444,287],{"class":128},[122,1446,1447,1449,1451,1453,1455,1457],{"class":124,"line":290},[122,1448,293],{"class":132},[122,1450,275],{"class":128},[122,1452,278],{"class":128},[122,1454,300],{"class":158},[122,1456,284],{"class":128},[122,1458,287],{"class":128},[122,1460,1461,1464,1466],{"class":124,"line":307},[122,1462,1463],{"class":132},"  campaignOverrides",[122,1465,275],{"class":128},[122,1467,624],{"class":128},[122,1469,1470,1473,1475],{"class":124,"line":316},[122,1471,1472],{"class":132},"    recipients",[122,1474,275],{"class":128},[122,1476,1477],{"class":248}," [\n",[122,1479,1480],{"class":124,"line":414},[122,1481,1482],{"class":128},"      {\n",[122,1484,1485,1488,1490,1492,1495,1497],{"class":124,"line":437},[122,1486,1487],{"class":132},"        first_name",[122,1489,275],{"class":128},[122,1491,278],{"class":128},[122,1493,1494],{"class":158},"Alice",[122,1496,284],{"class":128},[122,1498,287],{"class":128},[122,1500,1501,1504,1506,1508,1511,1513],{"class":124,"line":444},[122,1502,1503],{"class":132},"        last_name",[122,1505,275],{"class":128},[122,1507,278],{"class":128},[122,1509,1510],{"class":158},"Smith",[122,1512,284],{"class":128},[122,1514,287],{"class":128},[122,1516,1517,1520,1522,1524,1527,1529],{"class":124,"line":453},[122,1518,1519],{"class":132},"        email",[122,1521,275],{"class":128},[122,1523,278],{"class":128},[122,1525,1526],{"class":158},"alice.smith@example.com",[122,1528,284],{"class":128},[122,1530,287],{"class":128},[122,1532,1533,1536,1538,1540,1543,1545],{"class":124,"line":471},[122,1534,1535],{"class":132},"        display_title",[122,1537,275],{"class":128},[122,1539,278],{"class":128},[122,1541,1542],{"class":158},"Minister of Ecological Transition",[122,1544,284],{"class":128},[122,1546,287],{"class":128},[122,1548,1549],{"class":124,"line":487},[122,1550,1551],{"class":128},"      },\n",[122,1553,1554],{"class":124,"line":503},[122,1555,1482],{"class":128},[122,1557,1558,1560,1562,1564,1567,1569],{"class":124,"line":511},[122,1559,1487],{"class":132},[122,1561,275],{"class":128},[122,1563,278],{"class":128},[122,1565,1566],{"class":158},"Bob",[122,1568,284],{"class":128},[122,1570,287],{"class":128},[122,1572,1573,1575,1577,1579,1582,1584],{"class":124,"line":521},[122,1574,1503],{"class":132},[122,1576,275],{"class":128},[122,1578,278],{"class":128},[122,1580,1581],{"class":158},"Jones",[122,1583,284],{"class":128},[122,1585,287],{"class":128},[122,1587,1588,1590,1592,1594,1597,1599],{"class":124,"line":530},[122,1589,1519],{"class":132},[122,1591,275],{"class":128},[122,1593,278],{"class":128},[122,1595,1596],{"class":158},"bob.jones@example.com",[122,1598,284],{"class":128},[122,1600,287],{"class":128},[122,1602,1604,1606,1608,1610,1613,1615],{"class":124,"line":1603},17,[122,1605,1535],{"class":132},[122,1607,275],{"class":128},[122,1609,278],{"class":128},[122,1611,1612],{"class":158},"Secretary of State for Housing",[122,1614,284],{"class":128},[122,1616,287],{"class":128},[122,1618,1620],{"class":124,"line":1619},18,[122,1621,1551],{"class":128},[122,1623,1625,1628],{"class":124,"line":1624},19,[122,1626,1627],{"class":248},"    ]",[122,1629,287],{"class":128},[122,1631,1633],{"class":124,"line":1632},20,[122,1634,645],{"class":128},[122,1636,1638,1640],{"class":124,"line":1637},21,[122,1639,310],{"class":128},[122,1641,313],{"class":248},[122,1643,1645,1647,1649],{"class":124,"line":1644},22,[122,1646,174],{"class":128},[122,1648,145],{"class":132},[122,1650,136],{"class":128},[97,1652,1654],{"id":1653},"per-interpellation-recipients-override","Per-interpellation recipients override",[69,1656,1657,1658,275],{},"Target a specific interpellation by its ID to override only its recipients. Per-interpellation overrides take priority over the root-level ",[81,1659,1397],{},[113,1661,1663],{"className":115,"code":1662,"language":117,"meta":118,"style":118},"\u003Cscript>\nwindow.Activoice.init({\n  container: '#av-embed-container',\n  campaignId: 'my-campaign-slug',\n  campaignOverrides: {\n    recipients: [\n      { first_name: 'Alice', last_name: 'Smith', email: 'alice@example.com' },\n    ],\n    interpellations: [\n      {\n        id: 'interpellation-uuid',\n        recipients: [\n          {\n            first_name: 'Charlie',\n            last_name: 'Durand',\n            email: 'charlie.durand@example.com',\n            display_title: 'Deputy Mayor',\n          },\n        ],\n      },\n    ],\n  },\n})\n\u003C\u002Fscript>\n",[81,1664,1665,1673,1689,1703,1717,1725,1733,1780,1786,1795,1799,1815,1824,1829,1845,1861,1877,1893,1898,1905,1909,1915,1919,1926],{"__ignoreMap":118},[122,1666,1667,1669,1671],{"class":124,"line":125},[122,1668,129],{"class":128},[122,1670,145],{"class":132},[122,1672,136],{"class":128},[122,1674,1675,1677,1679,1681,1683,1685,1687],{"class":124,"line":139},[122,1676,249],{"class":248},[122,1678,252],{"class":128},[122,1680,255],{"class":248},[122,1682,252],{"class":128},[122,1684,261],{"class":260},[122,1686,264],{"class":248},[122,1688,267],{"class":128},[122,1690,1691,1693,1695,1697,1699,1701],{"class":124,"line":171},[122,1692,272],{"class":132},[122,1694,275],{"class":128},[122,1696,278],{"class":128},[122,1698,281],{"class":158},[122,1700,284],{"class":128},[122,1702,287],{"class":128},[122,1704,1705,1707,1709,1711,1713,1715],{"class":124,"line":290},[122,1706,293],{"class":132},[122,1708,275],{"class":128},[122,1710,278],{"class":128},[122,1712,300],{"class":158},[122,1714,284],{"class":128},[122,1716,287],{"class":128},[122,1718,1719,1721,1723],{"class":124,"line":307},[122,1720,1463],{"class":132},[122,1722,275],{"class":128},[122,1724,624],{"class":128},[122,1726,1727,1729,1731],{"class":124,"line":316},[122,1728,1472],{"class":132},[122,1730,275],{"class":128},[122,1732,1477],{"class":248},[122,1734,1735,1738,1741,1743,1745,1747,1749,1752,1755,1757,1759,1761,1763,1765,1768,1770,1772,1775,1777],{"class":124,"line":414},[122,1736,1737],{"class":128},"      {",[122,1739,1740],{"class":132}," first_name",[122,1742,275],{"class":128},[122,1744,278],{"class":128},[122,1746,1494],{"class":158},[122,1748,284],{"class":128},[122,1750,1751],{"class":128},",",[122,1753,1754],{"class":132}," last_name",[122,1756,275],{"class":128},[122,1758,278],{"class":128},[122,1760,1510],{"class":158},[122,1762,284],{"class":128},[122,1764,1751],{"class":128},[122,1766,1767],{"class":132}," email",[122,1769,275],{"class":128},[122,1771,278],{"class":128},[122,1773,1774],{"class":158},"alice@example.com",[122,1776,284],{"class":128},[122,1778,1779],{"class":128}," },\n",[122,1781,1782,1784],{"class":124,"line":437},[122,1783,1627],{"class":248},[122,1785,287],{"class":128},[122,1787,1788,1791,1793],{"class":124,"line":444},[122,1789,1790],{"class":132},"    interpellations",[122,1792,275],{"class":128},[122,1794,1477],{"class":248},[122,1796,1797],{"class":124,"line":453},[122,1798,1482],{"class":128},[122,1800,1801,1804,1806,1808,1811,1813],{"class":124,"line":471},[122,1802,1803],{"class":132},"        id",[122,1805,275],{"class":128},[122,1807,278],{"class":128},[122,1809,1810],{"class":158},"interpellation-uuid",[122,1812,284],{"class":128},[122,1814,287],{"class":128},[122,1816,1817,1820,1822],{"class":124,"line":487},[122,1818,1819],{"class":132},"        recipients",[122,1821,275],{"class":128},[122,1823,1477],{"class":248},[122,1825,1826],{"class":124,"line":503},[122,1827,1828],{"class":128},"          {\n",[122,1830,1831,1834,1836,1838,1841,1843],{"class":124,"line":511},[122,1832,1833],{"class":132},"            first_name",[122,1835,275],{"class":128},[122,1837,278],{"class":128},[122,1839,1840],{"class":158},"Charlie",[122,1842,284],{"class":128},[122,1844,287],{"class":128},[122,1846,1847,1850,1852,1854,1857,1859],{"class":124,"line":521},[122,1848,1849],{"class":132},"            last_name",[122,1851,275],{"class":128},[122,1853,278],{"class":128},[122,1855,1856],{"class":158},"Durand",[122,1858,284],{"class":128},[122,1860,287],{"class":128},[122,1862,1863,1866,1868,1870,1873,1875],{"class":124,"line":530},[122,1864,1865],{"class":132},"            email",[122,1867,275],{"class":128},[122,1869,278],{"class":128},[122,1871,1872],{"class":158},"charlie.durand@example.com",[122,1874,284],{"class":128},[122,1876,287],{"class":128},[122,1878,1879,1882,1884,1886,1889,1891],{"class":124,"line":1603},[122,1880,1881],{"class":132},"            display_title",[122,1883,275],{"class":128},[122,1885,278],{"class":128},[122,1887,1888],{"class":158},"Deputy Mayor",[122,1890,284],{"class":128},[122,1892,287],{"class":128},[122,1894,1895],{"class":124,"line":1619},[122,1896,1897],{"class":128},"          },\n",[122,1899,1900,1903],{"class":124,"line":1624},[122,1901,1902],{"class":248},"        ]",[122,1904,287],{"class":128},[122,1906,1907],{"class":124,"line":1632},[122,1908,1551],{"class":128},[122,1910,1911,1913],{"class":124,"line":1637},[122,1912,1627],{"class":248},[122,1914,287],{"class":128},[122,1916,1917],{"class":124,"line":1644},[122,1918,645],{"class":128},[122,1920,1922,1924],{"class":124,"line":1921},23,[122,1923,310],{"class":128},[122,1925,313],{"class":248},[122,1927,1929,1931,1933],{"class":124,"line":1928},24,[122,1930,174],{"class":128},[122,1932,145],{"class":132},[122,1934,136],{"class":128},[69,1936,1937,1938,1941],{},"In this example, the interpellation with ID ",[81,1939,1940],{},"'interpellation-uuid'"," receives Charlie as its recipient, while all other interpellations receive Alice.",[69,1943,1944,1945,1949],{},"See the ",[1946,1947,33],"a",{"href":1948},"\u002Fembed\u002Fapi-reference#campaignoverrides"," for the full list of recipient fields and the resolution order.",[1951,1952,1953],"style",{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}",{"title":118,"searchDepth":139,"depth":139,"links":1955},[1956,1957,1962,1963,1964,1965,1966,1967],{"id":75,"depth":139,"text":76},{"id":91,"depth":139,"text":92,"children":1958},[1959,1960,1961],{"id":99,"depth":171,"text":100},{"id":181,"depth":171,"text":182},{"id":222,"depth":171,"text":223},{"id":546,"depth":139,"text":547},{"id":662,"depth":139,"text":663},{"id":815,"depth":139,"text":816},{"id":994,"depth":139,"text":995},{"id":1192,"depth":139,"text":1193},{"id":1380,"depth":139,"text":1381,"children":1968},[1969,1970],{"id":1390,"depth":171,"text":1391},{"id":1653,"depth":171,"text":1654},"Embed an Activoice campaign on any website in minutes","md",[1974],{"label":33,"icon":36,"to":34},{},{"icon":31},{"title":28,"description":1971},"UmBb63fzmRRadhPFat9zrFPFkm5SAPNSa8VT7WU7_RE",[1980,1982],{"title":16,"path":17,"stem":18,"description":1981,"icon":19,"children":-1},"Learn how to configure and publish campaigns in Activoice",{"title":33,"path":34,"stem":35,"description":1983,"icon":36,"children":-1},"Complete reference for the Activoice embed configuration",1790170885583]