How to Update Text on Showit

Showit Starter Series, Showit Tutorials

Share This POst:

This post may contain affiliate links. This means that I may earn a small commission if you decide to purchase an item using one of my links. Please see disclosure for more info.

In this Showit tutorial, I am going to show you how to update the text on your Showit website.

One thing I live about Showit is that they make it really easy to update the text – no coding required.

By the end of this Showit tutorial, you will know how to update text, change the text style, change the size and position of your text box, add click actions to your text so that you can link to certain pages, canvases and URL’s and add effects such as transitions, hover colours and opacity settings.

Choose your preferred learning style:

  1. Watch the video
  2. Read the blog post below

Subscribe Button

 This Showit Tutorial is part of our ‘Showit Starter Series’. Click here to access the other Showit tutorials in this series.  

 

 

 Clicking on a text box will display the individual text box settings on the right hand side of the screen. 

  1. Text Style: This is where you can change the font settings for both the desktop and mobile views.
  2. Text Properties: For SEO purposes. Enable Input can be selected when you want users to be able to type into the text box e.g. contact form.
  3. Size and Position: Controls the size of the text box and the ‘X,Y’ position on the screen.
  4. Click Actions: Allows you to link elements to certain pages, canvases, URLs etc to text boxes.
  5. Transitions: Mainly used with canvas views. Allows you to apply transitions from one view to the next. Good if you have “next” or previous” text button links.
  6. Hover: Set custom hover colours as someone hovers over the text box. Can only be set for the entire text box, not individual lines of text.
  7. Effect: Allows you to control the opacity settings of the text in the text box.

 

 Now, let’s talk about how to replace the sample text with your own content. 

Step One: Select the canvas that contains the text box to edit.

Step Two: Double-click the text box to activate the cursor.

Step Three: Highlight the text and press delete. Input your own text – either type directly into the text box or copy + paste your content.

Step Four: Resize the text box to accomodate changes if need be. Drag text box corners in/out or update the dimensions from the text settings menu on the right hand side.

Step Five: Switch to mobile to review changes and alter as required.

Step Six: Review other design elements and change positioning if required.

 

 Now, let’s have a look at how to replace the sample text if it is contained within a canvas view. 

 

Step One: Select the canvas that contains the text box to edit.

Step Two: Switch to the ‘Page’ tab to access the page sections and canvas view folders.

Step Three: Select the canvas view folder that contains the text box you would like to edit.

Step Two: Double-click the text box to activate the cursor.

Step Three: Highlight the text and press delete. Input your own text – either type directly into the text box or copy + paste your content.

Step Four: Resize the text box to accomodate changes if need be. Drag text box corners in/out or update the dimensions from the text settings menu on the right hand side.

Step Five: Switch to mobile to review changes and alter as required.

Step Six: Review other design elements and change positioning if required.

 


 

I hope that you found this tutorial helpful. Feel free to leave any comments or questions below – I would love to hear from you.

If you want more Showit tips and tutorials, don’t forget to subscribe to my YouTube Channel and press the bell icon so you get notified each time I upload a new video.

Subscribe Button

See you next time!

Want 10% off your first year as a new Showiteer? CLICK HERE to access your exclusive discount code.

 

Post a Comment

Blog Post Comments

Enter your email address and click the button below to get instant access to the
.

60% complete

Almost There! Please complete the form and click the button below to gain instant access and receive updates!

Free Showit Templates!