Rock U - Websites - HTML Block

Transcribed Video Content

Rock is powerful, meaning you have a lot of flexibility. HTML blocks are something that allow you to really really customize what you're looking at in Rock with things such as HTML, CSS, JavaScript, but you can also do some really simple editing by using our easy WYSIWYG editor, which is what you see is what you get. Meaning you can type, add images, files, and all sorts of things without needing to know any programming languages. So this HTML block is really simple, flexible, and very extensible in Rock. Let's look at how to use it right now. To see a place where the HTML block already is, The block settings, we click this edit button. We will be looking at your first HTML block or maybe your second. I don't know. But you can immediately see we're using HTML markup in here, which just note, you can also use Lava, which is very important and very helpful. But we're using HTML to output all that text you already saw. And something is if you aren't very familiar with HTML, you don't have to edit in HTML mode or the code editor mode. If you click over here, we'll switch to what's called a WYSIWYG or what you see is what you get. And we're actually just using a rich text editor, and you can type or add all kinds of things such as you can bold, italicize, add ordered lists, unordered, change font size, and you can add images. You can use a file browser or asset manager, which are within Rock. You can paste text, paste from Word, and more. Now I'm gonna show you something really special that you can do within an HTML block, and that's using the merge field button. So merge fields are how we get information using Lava. But if you click here, you can get a list of essentially every single merge field you have available to you without having to do a complex search or rack your brain about to think about what is available to you. I'll show you an example of how powerful this is. So I'm logged in as Alicia right now, and I can very easily add the age merge field here. Now if we save the HTML block, it's going to render everything that we've put here, and we can see Alicia Marble's age right there. So at its core, this is the set of things you can do with the HTML block. There's a lot more and we will get into it with the advanced HTML block video. Alright. Now you've got some custom content on your site using the HTML block. If you want to learn about some more advanced ways that you can use the HTML block, watch our video on the advanced HTML block. Thanks for watching.