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