1 00:00:00,320 --> 00:00:05,120 Coda is most powerful when used as a collaborative tool for teams. 2 00:00:05,120 --> 00:00:09,520 But Coda also lets you share your docs with others outside your team. 3 00:00:09,520 --> 00:00:13,440 You can turn any doc into a published site on the Internet. 4 00:00:13,440 --> 00:00:14,745 A company, for example, 5 00:00:14,745 --> 00:00:17,902 could publish a doc to attract customers' feature requests. 6 00:00:17,902 --> 00:00:22,176 Then update it periodically so customers can always check product features they've 7 00:00:22,176 --> 00:00:24,025 submitted were actually launched. 8 00:00:24,025 --> 00:00:25,733 For the sake of this workshop, 9 00:00:25,733 --> 00:00:29,840 I'll show you how publishing works using our About Me doc. 10 00:00:29,840 --> 00:00:31,646 Once you've finished a doc, 11 00:00:31,646 --> 00:00:36,134 you can publish it by clicking the "Share" icon in the main navigation menu. 12 00:00:37,135 --> 00:00:40,075 There are several ways you can share a Coda doc. 13 00:00:40,075 --> 00:00:42,058 You can invite others to edit and 14 00:00:42,058 --> 00:00:46,955 collaborate on your doc by inviting them via email or with a sharable link. 15 00:00:46,955 --> 00:00:49,180 They'll need a Coda account to do that. 16 00:00:49,180 --> 00:00:53,750 Or if you just want to share it so others can view it, no Coda account is needed. 17 00:00:53,750 --> 00:00:58,195 What's great about using a link is that it's easy to share anywhere. 18 00:00:58,195 --> 00:01:02,311 You determine whether or not you want to share it privately with a specific group 19 00:01:02,311 --> 00:01:05,560 of people or with the public, for anyone to view. 20 00:01:05,560 --> 00:01:09,334 For example, under the Get link settings, 21 00:01:09,334 --> 00:01:14,435 I'll set "Anyone on the Internet with this link" to "Can view". 22 00:01:17,353 --> 00:01:23,014 You can also embed your Coda doc on a website, blog, or pretty much anywhere 23 00:01:23,014 --> 00:01:29,230 else by clicking Embed and copying the embed code to paste onto your website. 24 00:01:29,230 --> 00:01:33,719 This makes the live Coda doc look like it's part of another doc or website that 25 00:01:33,719 --> 00:01:38,300 others can interact with without having to click on a link to open another tab. 26 00:01:39,590 --> 00:01:43,340 The sharing option I'll use is Publish. 27 00:01:43,340 --> 00:01:46,048 This is where you can turn your doc into a website, 28 00:01:46,048 --> 00:01:49,980 complete with a unique URL you can share anywhere on the web. 29 00:01:49,980 --> 00:01:54,535 Keep in mind that if this is your first time publishing from your Coda account, 30 00:01:54,535 --> 00:01:57,530 you'll be asked to choose a Coda username. 31 00:01:57,530 --> 00:02:01,250 I've posted more details about that in the resources with this video. 32 00:02:01,250 --> 00:02:07,083 Notice how your doc gets a unique URL using your Coda username. 33 00:02:07,083 --> 00:02:09,890 And I'll stick with the default publish settings. 34 00:02:09,890 --> 00:02:14,424 I can also quickly preview how my doc will look when published by clicking 35 00:02:14,424 --> 00:02:16,000 Open preview. 36 00:02:16,000 --> 00:02:18,670 Now I'm ready to publish, so I'll click Next. 37 00:02:19,800 --> 00:02:24,190 I'll leave Show masthead and Standard alignment for 38 00:02:24,190 --> 00:02:27,807 all pages to On and click Apply and publish. 39 00:02:29,447 --> 00:02:31,660 And my doc is now published. 40 00:02:31,660 --> 00:02:35,802 I can copy the live URL by clicking Copy link, 41 00:02:35,802 --> 00:02:39,731 then paste the link into a new browser tab. 42 00:02:39,731 --> 00:02:44,570 And there's my About Me doc published on the web. 43 00:02:44,570 --> 00:02:48,853 I can click to view my blog entries from the main navigation under 44 00:02:48,853 --> 00:02:50,760 My Learning Blog. 45 00:02:50,760 --> 00:02:52,642 And everything looks and works great. 46 00:03:06,430 --> 00:03:10,739 Now, anyone visiting this URL will be able to view my doc. 47 00:03:10,739 --> 00:03:15,090 And the live site automatically updates, showing any edits I make to the doc. 48 00:03:15,090 --> 00:03:16,016 For example, 49 00:03:16,016 --> 00:03:21,196 I'll add one more section to the bottom of my About Me page that links to my blog. 50 00:03:21,196 --> 00:03:25,360 I'll type /line to add a line separator. 51 00:03:25,360 --> 00:03:29,064 Below the line, type the text, "To follow my learning journey, 52 00:03:29,064 --> 00:03:30,722 check out my learning blog." 53 00:03:35,983 --> 00:03:40,170 Coda makes it really easy to link to another page in your doc. 54 00:03:40,170 --> 00:03:45,692 To insert a link to my blog page, I can simply type /link. 55 00:03:45,692 --> 00:03:47,550 Then in the link text box, 56 00:03:47,550 --> 00:03:53,190 I can start typing the name of the page I want to link to, then select it. 57 00:03:53,190 --> 00:03:54,920 And now the pages are linked together. 58 00:03:54,920 --> 00:03:58,033 The link even displays the page icon. 59 00:03:58,033 --> 00:04:02,107 I'll set the text format to H3, small heading, 60 00:04:02,107 --> 00:04:07,080 to make it standout and center align it on the page. 61 00:04:07,080 --> 00:04:10,332 Then add another line separator on the line below. 62 00:04:12,560 --> 00:04:13,980 That looks good. 63 00:04:13,980 --> 00:04:18,750 Finally, I want to display my author information on the blog page. 64 00:04:18,750 --> 00:04:21,880 To do that, I'll click Options. 65 00:04:21,880 --> 00:04:28,532 Then under the page's header options, turn the Authors setting from Off to On. 66 00:04:31,030 --> 00:04:33,595 Going back to the published link and 67 00:04:33,595 --> 00:04:38,224 refreshing the browser displays all my latest updates, good.