[{"data":1,"prerenderedAt":1952},["ShallowReactive",2],{"navigation_docs":3,"-embed-guide":37,"-embed-guide-surround":1947},[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":1939,"extension":1940,"links":1941,"meta":1943,"navigation":1944,"path":29,"seo":1945,"stem":30,"__hash__":1946},"docs\u002F2.embed\u002F1.guide.md",{"type":40,"value":41,"toc":1922},"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,1162,1167,1346,1350,1356,1360,1370,1619,1623,1628,1903,1910,1918],[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.",[47,1159,1161],{"id":1160},"embedding-multiple-campaigns-on-the-same-page","Embedding multiple campaigns on the same page",[43,1163,200,1164,1166],{},[55,1165,203],{}," once per container. Each embed is independent:",[87,1168,1170],{"className":89,"code":1169,"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,1171,1172,1195,1218,1222,1230,1246,1261,1276,1282,1286,1302,1317,1332,1338],{"__ignoreMap":92},[96,1173,1174,1176,1178,1180,1182,1184,1187,1189,1191,1193],{"class":98,"line":99},[96,1175,103],{"class":102},[96,1177,175],{"class":106},[96,1179,178],{"class":122},[96,1181,126],{"class":102},[96,1183,129],{"class":102},[96,1185,1186],{"class":132},"campaign-a",[96,1188,129],{"class":102},[96,1190,138],{"class":102},[96,1192,175],{"class":106},[96,1194,110],{"class":102},[96,1196,1197,1199,1201,1203,1205,1207,1210,1212,1214,1216],{"class":98,"line":113},[96,1198,103],{"class":102},[96,1200,175],{"class":106},[96,1202,178],{"class":122},[96,1204,126],{"class":102},[96,1206,129],{"class":102},[96,1208,1209],{"class":132},"campaign-b",[96,1211,129],{"class":102},[96,1213,138],{"class":102},[96,1215,175],{"class":106},[96,1217,110],{"class":102},[96,1219,1220],{"class":98,"line":145},[96,1221,415],{"emptyLinePlaceholder":414},[96,1223,1224,1226,1228],{"class":98,"line":264},[96,1225,103],{"class":102},[96,1227,119],{"class":106},[96,1229,110],{"class":102},[96,1231,1232,1234,1236,1238,1240,1242,1244],{"class":98,"line":281},[96,1233,223],{"class":222},[96,1235,226],{"class":102},[96,1237,229],{"class":222},[96,1239,226],{"class":102},[96,1241,235],{"class":234},[96,1243,238],{"class":222},[96,1245,241],{"class":102},[96,1247,1248,1250,1252,1254,1257,1259],{"class":98,"line":290},[96,1249,246],{"class":106},[96,1251,249],{"class":102},[96,1253,252],{"class":102},[96,1255,1256],{"class":132},"#campaign-a",[96,1258,258],{"class":102},[96,1260,261],{"class":102},[96,1262,1263,1265,1267,1269,1272,1274],{"class":98,"line":388},[96,1264,267],{"class":106},[96,1266,249],{"class":102},[96,1268,252],{"class":102},[96,1270,1271],{"class":132},"climate-action",[96,1273,258],{"class":102},[96,1275,261],{"class":102},[96,1277,1278,1280],{"class":98,"line":411},[96,1279,284],{"class":102},[96,1281,287],{"class":222},[96,1283,1284],{"class":98,"line":418},[96,1285,415],{"emptyLinePlaceholder":414},[96,1287,1288,1290,1292,1294,1296,1298,1300],{"class":98,"line":427},[96,1289,223],{"class":222},[96,1291,226],{"class":102},[96,1293,229],{"class":222},[96,1295,226],{"class":102},[96,1297,235],{"class":234},[96,1299,238],{"class":222},[96,1301,241],{"class":102},[96,1303,1304,1306,1308,1310,1313,1315],{"class":98,"line":445},[96,1305,246],{"class":106},[96,1307,249],{"class":102},[96,1309,252],{"class":102},[96,1311,1312],{"class":132},"#campaign-b",[96,1314,258],{"class":102},[96,1316,261],{"class":102},[96,1318,1319,1321,1323,1325,1328,1330],{"class":98,"line":461},[96,1320,267],{"class":106},[96,1322,249],{"class":102},[96,1324,252],{"class":102},[96,1326,1327],{"class":132},"housing-rights",[96,1329,258],{"class":102},[96,1331,261],{"class":102},[96,1333,1334,1336],{"class":98,"line":477},[96,1335,284],{"class":102},[96,1337,287],{"class":222},[96,1339,1340,1342,1344],{"class":98,"line":485},[96,1341,148],{"class":102},[96,1343,119],{"class":106},[96,1345,110],{"class":102},[47,1347,1349],{"id":1348},"overriding-campaign-recipients","Overriding campaign recipients",[43,1351,1352,1355],{},[55,1353,1354],{},"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,1357,1359],{"id":1358},"global-recipients-override","Global recipients override",[43,1361,1362,1363,1366,1367,1369],{},"Set ",[55,1364,1365],{},"recipients"," at the root of ",[55,1368,1354],{}," to apply the same recipients to all interpellations at once:",[87,1371,1373],{"className":89,"code":1372,"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,1374,1375,1383,1399,1413,1427,1436,1446,1451,1467,1483,1499,1515,1520,1524,1539,1554,1569,1585,1590,1598,1603,1610],{"__ignoreMap":92},[96,1376,1377,1379,1381],{"class":98,"line":99},[96,1378,103],{"class":102},[96,1380,119],{"class":106},[96,1382,110],{"class":102},[96,1384,1385,1387,1389,1391,1393,1395,1397],{"class":98,"line":113},[96,1386,223],{"class":222},[96,1388,226],{"class":102},[96,1390,229],{"class":222},[96,1392,226],{"class":102},[96,1394,235],{"class":234},[96,1396,238],{"class":222},[96,1398,241],{"class":102},[96,1400,1401,1403,1405,1407,1409,1411],{"class":98,"line":145},[96,1402,246],{"class":106},[96,1404,249],{"class":102},[96,1406,252],{"class":102},[96,1408,255],{"class":132},[96,1410,258],{"class":102},[96,1412,261],{"class":102},[96,1414,1415,1417,1419,1421,1423,1425],{"class":98,"line":264},[96,1416,267],{"class":106},[96,1418,249],{"class":102},[96,1420,252],{"class":102},[96,1422,274],{"class":132},[96,1424,258],{"class":102},[96,1426,261],{"class":102},[96,1428,1429,1432,1434],{"class":98,"line":281},[96,1430,1431],{"class":106},"  campaignOverrides",[96,1433,249],{"class":102},[96,1435,598],{"class":102},[96,1437,1438,1441,1443],{"class":98,"line":290},[96,1439,1440],{"class":106},"    recipients",[96,1442,249],{"class":102},[96,1444,1445],{"class":222}," [\n",[96,1447,1448],{"class":98,"line":388},[96,1449,1450],{"class":102},"      {\n",[96,1452,1453,1456,1458,1460,1463,1465],{"class":98,"line":411},[96,1454,1455],{"class":106},"        first_name",[96,1457,249],{"class":102},[96,1459,252],{"class":102},[96,1461,1462],{"class":132},"Alice",[96,1464,258],{"class":102},[96,1466,261],{"class":102},[96,1468,1469,1472,1474,1476,1479,1481],{"class":98,"line":418},[96,1470,1471],{"class":106},"        last_name",[96,1473,249],{"class":102},[96,1475,252],{"class":102},[96,1477,1478],{"class":132},"Smith",[96,1480,258],{"class":102},[96,1482,261],{"class":102},[96,1484,1485,1488,1490,1492,1495,1497],{"class":98,"line":427},[96,1486,1487],{"class":106},"        email",[96,1489,249],{"class":102},[96,1491,252],{"class":102},[96,1493,1494],{"class":132},"alice.smith@example.com",[96,1496,258],{"class":102},[96,1498,261],{"class":102},[96,1500,1501,1504,1506,1508,1511,1513],{"class":98,"line":445},[96,1502,1503],{"class":106},"        display_title",[96,1505,249],{"class":102},[96,1507,252],{"class":102},[96,1509,1510],{"class":132},"Minister of Ecological Transition",[96,1512,258],{"class":102},[96,1514,261],{"class":102},[96,1516,1517],{"class":98,"line":461},[96,1518,1519],{"class":102},"      },\n",[96,1521,1522],{"class":98,"line":477},[96,1523,1450],{"class":102},[96,1525,1526,1528,1530,1532,1535,1537],{"class":98,"line":485},[96,1527,1455],{"class":106},[96,1529,249],{"class":102},[96,1531,252],{"class":102},[96,1533,1534],{"class":132},"Bob",[96,1536,258],{"class":102},[96,1538,261],{"class":102},[96,1540,1541,1543,1545,1547,1550,1552],{"class":98,"line":495},[96,1542,1471],{"class":106},[96,1544,249],{"class":102},[96,1546,252],{"class":102},[96,1548,1549],{"class":132},"Jones",[96,1551,258],{"class":102},[96,1553,261],{"class":102},[96,1555,1556,1558,1560,1562,1565,1567],{"class":98,"line":504},[96,1557,1487],{"class":106},[96,1559,249],{"class":102},[96,1561,252],{"class":102},[96,1563,1564],{"class":132},"bob.jones@example.com",[96,1566,258],{"class":102},[96,1568,261],{"class":102},[96,1570,1572,1574,1576,1578,1581,1583],{"class":98,"line":1571},17,[96,1573,1503],{"class":106},[96,1575,249],{"class":102},[96,1577,252],{"class":102},[96,1579,1580],{"class":132},"Secretary of State for Housing",[96,1582,258],{"class":102},[96,1584,261],{"class":102},[96,1586,1588],{"class":98,"line":1587},18,[96,1589,1519],{"class":102},[96,1591,1593,1596],{"class":98,"line":1592},19,[96,1594,1595],{"class":222},"    ]",[96,1597,261],{"class":102},[96,1599,1601],{"class":98,"line":1600},20,[96,1602,619],{"class":102},[96,1604,1606,1608],{"class":98,"line":1605},21,[96,1607,284],{"class":102},[96,1609,287],{"class":222},[96,1611,1613,1615,1617],{"class":98,"line":1612},22,[96,1614,148],{"class":102},[96,1616,119],{"class":106},[96,1618,110],{"class":102},[71,1620,1622],{"id":1621},"per-interpellation-recipients-override","Per-interpellation recipients override",[43,1624,1625,1626,249],{},"Target a specific interpellation by its ID to override only its recipients. Per-interpellation overrides take priority over the root-level ",[55,1627,1365],{},[87,1629,1631],{"className":89,"code":1630,"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,1632,1633,1641,1657,1671,1685,1693,1701,1748,1754,1763,1767,1783,1792,1797,1813,1829,1845,1861,1866,1873,1877,1883,1887,1894],{"__ignoreMap":92},[96,1634,1635,1637,1639],{"class":98,"line":99},[96,1636,103],{"class":102},[96,1638,119],{"class":106},[96,1640,110],{"class":102},[96,1642,1643,1645,1647,1649,1651,1653,1655],{"class":98,"line":113},[96,1644,223],{"class":222},[96,1646,226],{"class":102},[96,1648,229],{"class":222},[96,1650,226],{"class":102},[96,1652,235],{"class":234},[96,1654,238],{"class":222},[96,1656,241],{"class":102},[96,1658,1659,1661,1663,1665,1667,1669],{"class":98,"line":145},[96,1660,246],{"class":106},[96,1662,249],{"class":102},[96,1664,252],{"class":102},[96,1666,255],{"class":132},[96,1668,258],{"class":102},[96,1670,261],{"class":102},[96,1672,1673,1675,1677,1679,1681,1683],{"class":98,"line":264},[96,1674,267],{"class":106},[96,1676,249],{"class":102},[96,1678,252],{"class":102},[96,1680,274],{"class":132},[96,1682,258],{"class":102},[96,1684,261],{"class":102},[96,1686,1687,1689,1691],{"class":98,"line":281},[96,1688,1431],{"class":106},[96,1690,249],{"class":102},[96,1692,598],{"class":102},[96,1694,1695,1697,1699],{"class":98,"line":290},[96,1696,1440],{"class":106},[96,1698,249],{"class":102},[96,1700,1445],{"class":222},[96,1702,1703,1706,1709,1711,1713,1715,1717,1720,1723,1725,1727,1729,1731,1733,1736,1738,1740,1743,1745],{"class":98,"line":388},[96,1704,1705],{"class":102},"      {",[96,1707,1708],{"class":106}," first_name",[96,1710,249],{"class":102},[96,1712,252],{"class":102},[96,1714,1462],{"class":132},[96,1716,258],{"class":102},[96,1718,1719],{"class":102},",",[96,1721,1722],{"class":106}," last_name",[96,1724,249],{"class":102},[96,1726,252],{"class":102},[96,1728,1478],{"class":132},[96,1730,258],{"class":102},[96,1732,1719],{"class":102},[96,1734,1735],{"class":106}," email",[96,1737,249],{"class":102},[96,1739,252],{"class":102},[96,1741,1742],{"class":132},"alice@example.com",[96,1744,258],{"class":102},[96,1746,1747],{"class":102}," },\n",[96,1749,1750,1752],{"class":98,"line":411},[96,1751,1595],{"class":222},[96,1753,261],{"class":102},[96,1755,1756,1759,1761],{"class":98,"line":418},[96,1757,1758],{"class":106},"    interpellations",[96,1760,249],{"class":102},[96,1762,1445],{"class":222},[96,1764,1765],{"class":98,"line":427},[96,1766,1450],{"class":102},[96,1768,1769,1772,1774,1776,1779,1781],{"class":98,"line":445},[96,1770,1771],{"class":106},"        id",[96,1773,249],{"class":102},[96,1775,252],{"class":102},[96,1777,1778],{"class":132},"interpellation-uuid",[96,1780,258],{"class":102},[96,1782,261],{"class":102},[96,1784,1785,1788,1790],{"class":98,"line":461},[96,1786,1787],{"class":106},"        recipients",[96,1789,249],{"class":102},[96,1791,1445],{"class":222},[96,1793,1794],{"class":98,"line":477},[96,1795,1796],{"class":102},"          {\n",[96,1798,1799,1802,1804,1806,1809,1811],{"class":98,"line":485},[96,1800,1801],{"class":106},"            first_name",[96,1803,249],{"class":102},[96,1805,252],{"class":102},[96,1807,1808],{"class":132},"Charlie",[96,1810,258],{"class":102},[96,1812,261],{"class":102},[96,1814,1815,1818,1820,1822,1825,1827],{"class":98,"line":495},[96,1816,1817],{"class":106},"            last_name",[96,1819,249],{"class":102},[96,1821,252],{"class":102},[96,1823,1824],{"class":132},"Durand",[96,1826,258],{"class":102},[96,1828,261],{"class":102},[96,1830,1831,1834,1836,1838,1841,1843],{"class":98,"line":504},[96,1832,1833],{"class":106},"            email",[96,1835,249],{"class":102},[96,1837,252],{"class":102},[96,1839,1840],{"class":132},"charlie.durand@example.com",[96,1842,258],{"class":102},[96,1844,261],{"class":102},[96,1846,1847,1850,1852,1854,1857,1859],{"class":98,"line":1571},[96,1848,1849],{"class":106},"            display_title",[96,1851,249],{"class":102},[96,1853,252],{"class":102},[96,1855,1856],{"class":132},"Deputy Mayor",[96,1858,258],{"class":102},[96,1860,261],{"class":102},[96,1862,1863],{"class":98,"line":1587},[96,1864,1865],{"class":102},"          },\n",[96,1867,1868,1871],{"class":98,"line":1592},[96,1869,1870],{"class":222},"        ]",[96,1872,261],{"class":102},[96,1874,1875],{"class":98,"line":1600},[96,1876,1519],{"class":102},[96,1878,1879,1881],{"class":98,"line":1605},[96,1880,1595],{"class":222},[96,1882,261],{"class":102},[96,1884,1885],{"class":98,"line":1612},[96,1886,619],{"class":102},[96,1888,1890,1892],{"class":98,"line":1889},23,[96,1891,284],{"class":102},[96,1893,287],{"class":222},[96,1895,1897,1899,1901],{"class":98,"line":1896},24,[96,1898,148],{"class":102},[96,1900,119],{"class":106},[96,1902,110],{"class":102},[43,1904,1905,1906,1909],{},"In this example, the interpellation with ID ",[55,1907,1908],{},"'interpellation-uuid'"," receives Charlie as its recipient, while all other interpellations receive Alice.",[43,1911,1912,1913,1917],{},"See the ",[1914,1915,33],"a",{"href":1916},"\u002Fembed\u002Fapi-reference#campaignoverrides"," for the full list of recipient fields and the resolution order.",[1919,1920,1921],"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":1923},[1924,1925,1930,1931,1932,1933,1934,1935],{"id":49,"depth":113,"text":50},{"id":65,"depth":113,"text":66,"children":1926},[1927,1928,1929],{"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":1160,"depth":113,"text":1161},{"id":1348,"depth":113,"text":1349,"children":1936},[1937,1938],{"id":1358,"depth":145,"text":1359},{"id":1621,"depth":145,"text":1622},"Embed an Activoice campaign on any website in minutes","md",[1942],{"label":33,"icon":36,"to":34},{},{"icon":31},{"title":28,"description":1939},"pIRGHw_1xxzbjNiyqbUN5nL00goMiytdoAUo4p9uoHc",[1948,1950],{"title":16,"path":17,"stem":18,"description":1949,"icon":19,"children":-1},"Learn how to configure and publish campaigns in Activoice",{"title":33,"path":34,"stem":35,"description":1951,"icon":36,"children":-1},"Complete reference for the Activoice embed configuration",1781171891133]