PSPINC Official Company Blog

How to Embed Your Instagram Page Into Your Website:

• Log in to your Dreamersi account.
• Open WebdeXpress.

• Either Edit Page or Add New Page.

• Add Page Title and URL (if adding a new page).
• Open your business’s Instagram page.
• Click on the Settings icon.
• Click on Embed.
• Click on Copy Embed Code.

• Go back to WebdeXpress.
• Click on Tools 🡪 Source code.

• Paste HTML code.
• Click on Save.
• Click on Publish in the top right.

How to Embed Your Facebook Page Into Your Website:

• Log in to your Dreamersi account.
• Open WebdeXpress.

• Either Edit Page or Add New Page.

• Add Page Title and URL (if adding a new page).
• Open your business’s Facebook page.
• Copy the link for your business’s Facebook page.

• Go to this website: https://developers.facebook.com/docs/plugins/page-plugin.
• Insert the link for your Facebook page into the Facebook Page URL on the form.
• With the form, choose to add a width and/or height for your Facebook page embed.
• Other options include:
• Use Small Header
• Hide Cover Photo
• Adapt to plugin container width (checked by default)
• Show Friend’s Faces (checked by default)

• Click on the Get Code button.
• Copy the iFrame codes.
• Go back to WebdeXpress.
• Click on Tools 🡪 Source code.

• Paste both codes.
• Click on Save.
• Click on Publish in the top right.

How to Embed Your X (Twitter) Page Into Your Website:

• Log in to your Dreamersi account.
• Log in to your Dreamersi account.
• Open WebdeXpress.

• Either Edit Page or Add New Page.

• Add Page Title and URL (if adding a new page).
• Open your business’s X page.
• Copy the link to your business’s X page.
• Go to this website: https://publish.twitter.com/#.
• Insert the link for your X page into the What would you like to embed search bar.

• Choose what kind of display you’d like for your X page embed:
• Embedded Timeline
• X Buttons

• Select to add the Follow Button or the Mention Button.

• Customize your embed display by clicking on set customization options.
• For X buttons, customize by choosing to:

• Hide username
• Display with a large button.
• Display the button in a different language (if you'd like to display your X button in another language other than the English default).

• For the timeline, customize by choosing to:
• Change the size of your timeline by inputting the height and/or width in pixels.
• Display the timeline in light or dark mode.
• Display the timeline in a different language (if you'd like to display your timeline in another language other than the English default).

• Click on the Copy Code button.

• Go back to WebdeXpress.
• Click on Tools 🡪 Source code.

• Paste the HTML code.
• Click on Save.
• Click on Publish in the top right.

How to Style Text with TinyMCE

1. Log in to your Dreamersi account.
2. Open WebdeXpress.
3. Either Edit Page or Add Page.
4. Add Page Title and URL (if adding a new page).
5. Add content to the Page Content Section.
6. Style text with TinyMCE:

• Bold text: Select the text you’d like to embolden and click on the B icon
• Italicize text: Select the text you’d like to italicize and click on the slanted I icon.
• Underline text: Select the text you’d like to underline and click on the underlined U icon.
• Strikethrough text: Select the text you’d like to cross out and click on the crossed-out S icon.<
• Change text color: Select the text you’d like to change colors and click on the text color icon (Underlined A icon).
• Highlight text: Select the text you’d like to highlight and click on the highlighted text icon (Highlighted A icon).
• Change font size: Select the text you’d like to resize and click on the Formats drop-down menu, click on Font size, and select which font size you’d like to change the text to.
• Add superscript: Go to the top Format drop-down menu and select Superscript.
• Add subscript: Go to the top Format drop-down menu and select Subscript.

How to Align Text with TinyMCE

1. Log in to your Dreamersi account.
2. Open WebdeXpress.
3. Either Edit Page or Add Page.
4. Add Page Title and URL (if adding a new page).
5. Add content to the Page Content Section.
6. Align text with TinyMCE:

• Left-align text: Click on the left-align icon.
• Center text: Click on the center-align icon.
• Right-align text: Click on the right-align icon.
• Justify-align text: Click on the justify-align icon.
• Increase indent: Click on the increase indent icon.
• Decrease indent: Click on the decrease indent icon.
• Clear formatting: Click on the clear formatting icon (Underlined T with a small x).

How to Add Colors to Text

1. Log in to your Dreamersi account.
2. Open WebdeXpress.
3. Either Edit Page or Add Page.
4. Add Page Title and URL (if adding a new page).
5. Add content to the Page Content Section.
6. Stylize text with colors:

• Change text color: Select the text you’d like to colorize and click on the text color drop-down menu (Underlined capital A drop-down menu).
• Add text highlight: Select the text you’d like to highlight and click on the background color drop-down menu. 

Pacific Software Publishing, Inc. 1404 140th Place N.E., Bellevue, WA 98007

PSPINC Creates Tools For Your Business

Pacific Software Publishing, Inc. is headquartered in Bellevue, Washington and provides domain, web, and email hosting to more than 40,000 companies of all sizes around the world. We design and develop our own software and are committed to helping businesses of all sizes grow and thrive online. For more information you can contact us at 800-232-3989, by email at info@pspinc.com or visit us online at https://www.pspinc.com.

1. Click on “New Post”.
2. Upload an image from the “Image” field.
3. Click on the radio button to select the “Image Display Method”.
4. Fill in the required fields.
5. Click on Save.

Main Changes: