[{"data":1,"prerenderedAt":557},["ShallowReactive",2],{"help-\u002Fhelp\u002Fadd-a-video":3,"help-related-\u002Fhelp\u002Fadd-a-video":534},{"id":4,"title":5,"body":6,"category":148,"description":525,"extension":526,"meta":527,"navigation":528,"order":529,"path":530,"seo":531,"stem":532,"__hash__":533},"help\u002Fhelp\u002Fadd-a-video.md","Add a video",{"type":7,"value":8,"toc":506},"minimark",[9,13,30,33,42,47,63,67,71,87,99,110,113,124,131,135,138,193,196,200,232,243,247,275,301,307,311,314,317,321,331,335,344,350,359,367,376,382,388,394,397,404,452,455,475,478,485,489,492],[10,11,12],"p",{},"There are two video sections:",[14,15,16,24],"ul",{},[17,18,19,23],"li",{},[20,21,22],"strong",{},"Video"," shows one video, large, with a heading, a short intro and a caption.",[17,25,26,29],{},[20,27,28],{},"Videos"," shows several videos side by side, each with its own title and description. Use it for a set of talks, interviews or how-to clips.",[10,31,32],{},"Visitors see a cover photo with a play button. The video player only loads when someone presses play, so your page stays fast for everyone else.",[10,34,35,36,41],{},"Want a short, silent video playing behind the headline at the top of your home page instead? That's a layout of the Hero section, and the video doesn't need YouTube or Vimeo. See ",[37,38,40],"a",{"href":39},"#play-a-video-behind-your-headline","Play a video behind your headline",".",[43,44,46],"h2",{"id":45},"what-you-need-first","What you need first",[14,48,49,60],{},[17,50,51,52,55,56,59],{},"The video uploaded to ",[20,53,54],{},"YouTube"," or ",[20,57,58],{},"Vimeo",". Free accounts on either service work.",[17,61,62],{},"The video's link. You don't need any code, password or API key.",[43,64,66],{"id":65},"find-your-videos-link","Find your video's link",[68,69,54],"h3",{"id":70},"youtube",[72,73,74,77],"ol",{},[17,75,76],{},"Open your video on YouTube.",[17,78,79,80,83,84,41],{},"Click ",[20,81,82],{},"Share"," under the video, then ",[20,85,86],{},"Copy",[10,88,89,90,94,95,98],{},"The short link (",[91,92,93],"code",{},"https:\u002F\u002Fyoutu.be\u002F…",") works, and so does the address from your browser's address bar (",[91,96,97],{},"https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=…","). Links to YouTube Shorts and live streams work too.",[10,100,101,102,105,106,109],{},"Embedding is on by default. If you turned it off, open the video in YouTube Studio, click ",[20,103,104],{},"Show more"," in the details, and turn ",[20,107,108],{},"Allow embedding"," back on.",[68,111,58],{"id":112},"vimeo",[72,114,115,118],{},[17,116,117],{},"Open your video on Vimeo.",[17,119,120,121,41],{},"Copy the address from your browser's address bar. It looks like ",[91,122,123],{},"https:\u002F\u002Fvimeo.com\u002F123456789",[10,125,126,127,130],{},"In the video's privacy settings, make sure it can be embedded on other sites. Set it to ",[20,128,129],{},"Public"," so it plays for everyone.",[43,132,134],{"id":133},"add-the-section","Add the section",[10,136,137],{},"You can add it from either place:",[14,139,140,167],{},[17,141,142,145,146,149,150,55,152,154,155,158,159,162,163,166],{},[20,143,144],{},"From Integrations:"," click ",[20,147,148],{},"Integrations"," in the sidebar. On the ",[20,151,22],{},[20,153,28],{}," card, click ",[20,156,157],{},"Add to a page",". Choose the page under ",[20,160,161],{},"Which page?"," and click ",[20,164,165],{},"Add and edit",". The section goes near the bottom of the page, and you can move it afterward.",[17,168,169,172,173,176,177,180,181,184,185,188,189,55,191,41],{},[20,170,171],{},"From a page:"," open ",[20,174,175],{},"Pages"," and choose a page. On the ",[20,178,179],{},"Content"," tab, click ",[20,182,183],{},"Add a section"," at the bottom (or ",[20,186,187],{},"Add section below"," inside another section), then pick ",[20,190,22],{},[20,192,28],{},[10,194,195],{},"To move it, use the up and down arrows on the section.",[43,197,199],{"id":198},"fill-in-the-fields","Fill in the fields",[72,201,202,208,214,220,226],{},[17,203,204,207],{},[20,205,206],{},"Heading",": a few words, like \"See our work.\"",[17,209,210,213],{},[20,211,212],{},"Intro",": optional. One or two sentences about the video.",[17,215,216,219],{},[20,217,218],{},"Video link",": paste the link you copied.",[17,221,222,225],{},[20,223,224],{},"Cover photo",": optional for YouTube, since we use the video's own thumbnail. For Vimeo, we recommend adding one. Without it, visitors see a plain box with a play button.",[17,227,228,231],{},[20,229,230],{},"Caption",": optional. A short line shown under the video.",[10,233,234,235,238,239,41],{},"If you add a cover photo, fill in ",[20,236,237],{},"Describe this photo"," too. Learn more in ",[37,240,242],{"href":241},"\u002Fhelp\u002Fedit-text-and-photos","Edit text and photos",[68,244,246],{"id":245},"several-videos","Several videos",[10,248,249,250,252,253,255,256,258,259,262,263,266,267,270,271,274],{},"In the ",[20,251,28],{}," section, fill in the ",[20,254,206],{}," and ",[20,257,212],{},", and choose a ",[20,260,261],{},"Layout",": ",[20,264,265],{},"Cards"," puts the videos in a grid, ",[20,268,269],{},"Rows"," puts each video beside its description, and ",[20,272,273],{},"Carousel"," lets visitors swipe through them. Then, for each video:",[72,276,277,283,287,296],{},[17,278,279,280,282],{},"Click the video in the ",[20,281,28],{}," list to open it (a new one is called \"New video\").",[17,284,285,219],{},[20,286,218],{},[17,288,289,255,292,295],{},[20,290,291],{},"Title",[20,293,294],{},"Description",": optional, shown under the video.",[17,297,298,300],{},[20,299,224],{},": optional for YouTube, recommended for Vimeo.",[10,302,79,303,306],{},[20,304,305],{},"Add video"," for another one, up to 12. To take one out, click the trash icon on it.",[43,308,310],{"id":309},"check-it-in-the-preview","Check it in the preview",[10,312,313],{},"The preview on the right updates as you type. When the link is right, the message \"Paste a YouTube or Vimeo link to show your video here\" goes away and a play button appears. For YouTube, the thumbnail appears too.",[10,315,316],{},"Videos don't play inside the preview. Clicking the section there just opens it for editing. You can test playback on your live site after you publish.",[43,318,320],{"id":319},"publish","Publish",[10,322,323,324,326,327,330],{},"Your edits are saved as a draft. Click ",[20,325,320],{}," at the top right, and your changes go live in about a minute. Then click ",[20,328,329],{},"View live site",", find the video and press play.",[43,332,334],{"id":333},"troubleshooting","Troubleshooting",[10,336,337,340,341,343],{},[20,338,339],{},"A video is missing on the live site."," In the ",[20,342,28],{}," section, a video without a working link is left out of your live site, and the publish checks tell you which section it's in. Paste its link, or remove it.",[10,345,346,349],{},[20,347,348],{},"The message \"Paste a YouTube or Vimeo link\" is still showing."," The link isn't one we recognize. Copy it again using the steps above. Links to a channel, playlist or Vimeo showcase won't work. Use the link to the single video.",[10,351,352,355,356,358],{},[20,353,354],{},"The play button shows, but the video says it's unavailable."," On YouTube, check that ",[20,357,108],{}," is on and the video isn't private. On Vimeo, check that the video is public and allowed to be embedded on other sites. Unlisted Vimeo videos may not play.",[10,360,361,364,365,41],{},[20,362,363],{},"The cover is blank."," This is normal for Vimeo. Add a ",[20,366,224],{},[10,368,369,372,373,375],{},[20,370,371],{},"The wrong video plays."," Check that the ",[20,374,218],{}," goes to the video you want. A link copied while a playlist was playing still works, but make sure it's the right video.",[10,377,378,381],{},[20,379,380],{},"\"This browser can't prepare videos.\""," Making your video small happens in your web browser, and older browsers can't do it. Use a recent version of Chrome, Edge or Safari, or choose one of the free videos.",[10,383,384,387],{},[20,385,386],{},"\"We couldn't make this video small enough.\""," Try a shorter clip, or one with less movement. A camera that moves a lot, or leaves blowing in the wind up close, makes a bigger file.",[10,389,390,393],{},[20,391,392],{},"The video doesn't move on my phone."," Some phones don't play videos by themselves in power-saving mode (Low Power Mode on an iPhone). Visitors see the photo and can tap the play button.",[43,395,40],{"id":396},"play-a-video-behind-your-headline",[10,398,399,400,403],{},"The opening banner (the ",[20,401,402],{},"Hero"," section) can play a short video behind your words, like a moving photo. It plays without sound, loops, and starts by itself.",[72,405,406,413,422,442],{},[17,407,408,409,412],{},"Open the Hero section and pick the ",[20,410,411],{},"Text over video"," layout.",[17,414,415,416,418,419,41],{},"Under ",[20,417,22],{},", click ",[20,420,421],{},"Choose video",[17,423,424,425],{},"Pick one of these:\n",[14,426,427,436],{},[17,428,429,145,432,435],{},[20,430,431],{},"Your video:",[20,433,434],{},"Choose file"," and pick a video from your computer or phone (MP4 or MOV). We keep the first 20 seconds, take out the sound, and make it small enough to load quickly. This happens on your own device and takes a minute or less. Keep the window open until it's done.",[17,437,438,441],{},[20,439,440],{},"Free videos:"," search for a word like \"garden\" or \"coffee\" and click a video. These come from Pexels and are free to use on your site.",[17,443,444,445,255,448,451],{},"Pick the ",[20,446,447],{},"Text position",[20,449,450],{},"Height",", as for a photo.",[10,453,454],{},"For the best result:",[14,456,457,463,469],{},[17,458,459,462],{},[20,460,461],{},"Use a wide (sideways) video."," It fills the banner. A tall phone video works, but on a computer only its middle shows.",[17,464,465,468],{},[20,466,467],{},"Choose slow, steady movement"," so your headline stays easy to read. Your words sit on a dark shade over the video.",[17,470,471,474],{},[20,472,473],{},"Trim it first"," if the part you want isn't at the start. Your phone's Photos app can trim a video.",[10,476,477],{},"While the video loads, visitors see its first frame as a photo. Visitors who turned off motion on their device, or who are saving data on a slow connection, see only that photo. Everyone gets a pause button in the corner.",[10,479,480,481,484],{},"The video plays in the preview too. To go back to a still photo, pick the ",[20,482,483],{},"Text over photo"," layout again. Your photo is still there.",[43,486,488],{"id":487},"what-it-costs","What it costs",[10,490,491],{},"Adding a video is included in your plan, and so are videos behind your headline, free ones included. YouTube and Vimeo charge whatever their own plans cost, and many people use their free plans. We add nothing on top.",[10,493,494,495,499,500,499,504,41],{},"Related: ",[37,496,498],{"href":497},"\u002Fhelp\u002Fadd-audio","Add a podcast or audio",", ",[37,501,503],{"href":502},"\u002Fhelp\u002Fadd-a-page","Add a page",[37,505,242],{"href":241},{"title":507,"searchDepth":508,"depth":508,"links":509},"",2,[510,511,516,517,520,521,522,523,524],{"id":45,"depth":508,"text":46},{"id":65,"depth":508,"text":66,"children":512},[513,515],{"id":70,"depth":514,"text":54},3,{"id":112,"depth":514,"text":58},{"id":133,"depth":508,"text":134},{"id":198,"depth":508,"text":199,"children":518},[519],{"id":245,"depth":514,"text":246},{"id":309,"depth":508,"text":310},{"id":319,"depth":508,"text":320},{"id":333,"depth":508,"text":334},{"id":396,"depth":508,"text":40},{"id":487,"depth":508,"text":488},"Show one YouTube or Vimeo video, or several side by side, on any page of your site.","md",{},true,100,"\u002Fhelp\u002Fadd-a-video",{"title":5,"description":525},"help\u002Fadd-a-video","nbQGB6y73ibvOLoZCAJZwX4Ku423OzNDRxT1bY_C3Qw",[535,536,539,542,545,548,551,554],{"path":497,"title":498},{"path":537,"title":538},"\u002Fhelp\u002Fconnect-booking","Connect a booking calendar",{"path":540,"title":541},"\u002Fhelp\u002Ftake-payments","Take payments with payment links",{"path":543,"title":544},"\u002Fhelp\u002Fonline-store","Sell products with the online store",{"path":546,"title":547},"\u002Fhelp\u002Fconnect-stripe","Turn on the online store and connect Stripe",{"path":549,"title":550},"\u002Fhelp\u002Fstore-orders","Store orders",{"path":552,"title":553},"\u002Fhelp\u002Fonline-ordering","Add online ordering buttons",{"path":555,"title":556},"\u002Fhelp\u002Fnewsletter-signup","Add a newsletter signup",1792990988720]