Want to further style or personalize your UltraSignup description? Below, we will show you how! Adding style to your description involves the use of HTML and some incline CSS. If you are not comfortable with code, then have someone who is do this part. Errors with the code can result in breaking your event page, so please be very careful when adding and/or editing the code shared below.
1: Adding Links #
To add links to your UltraSignup description, you can simply copy the following code and paste it into your description.
<a href="[add your link here]">Add your clickable text here</a> If you want your link to open in a new tab: <a href="[add your link here]" target="_blank">Open New Tab</a>
Place your URL between the quotations. So your code should look like the following:
<a href="yoururlhere.com">Clickable text</a> New tab: <a href="yoururlhere.com" target="_blank">Open New Tab</a>
2: Adding Lists #
Adding lists can become a bit more complicated. The content in the description editor does not stay formatted, so the code can become difficult to find and read. However, you can add an ordered list (will include numbers), and an unordered list (will include bullet points.)
<ol> <li></li> <li></li> </ol> <!-- Note: If you are missing your closing tag (</ol>) your description will likely break, so please make sure you are not missing ANY closing tags ---> Example with content: Add your list items between the angle brackets. <ol> <li>List Item One</li> <li>List Item Two</li> </ol>
<ul> <li></li> <li></li> </ul>
When added to your description, here is how it will appear:
3: Adding Images #
To add an image to your description, the image must be hosted somewhere, and you must have a URL for the image. Some common places to host images are Google, Dropbox, Image Shack, Free Image Sharing, etc…
Once you have uploaded your image, and you have a URL that opens the image in a browser, you can add the image URL to the code below, and copy/paste into your description.
<img src="[add your image URL]"> example: <img src="https://help.ultrasignup.com/wp-content/uploads/2022/04/Untitled-design-7.png">
4: Add a Map #
A map can be added to your description using an iFrame provided by the website or service where you found or created the map. You can also add an image of a map by following the steps above (3: Add an image).
When adding an iframe to your description, it’s best practice to open a new section in your description so that the iframe code does not get mixed up in your content or any other code you may have added. It will be much easier to manage.
Once you have the iframe, simply copy/paste the iframe into a new section in your description editor.
5: Add a Video #
When you upload a video to Vimeo or YouTube, an iframe is generated. You can copy that code and paste it into a new section in your description. Here is how to get to your iframe/embed code in YouTube:
Copy the code, and paste into your description:
Here is the result:
If you would like to adjust the width of the video, you can do so by changing the width in the code. Head back to your description editor where you added the iframe, and change the width from 560px (or any other width) to 100%, and set the height at 400-415. See here:
Here is the end result:
- You must be sure to include all brackets & closing tags. If you are missing either, this may result in breaking your event description. How will you know that your event description is broken? It will not appear as expected. For example, if you are missing the closing tag when adding a link, then your entire description will be linked.
- If your description is broken as a result of the code you have added, remove all code and start over.