UXi® has custom shortcodes to add the following features directly to the page content:


Video

Address

Button


Video


Embed a responsive Vimeo or YouTube video directly into the page content.

Options:

ID: Use the video ID from the video's URL. Only the ID is needed here.

For YouTube, the video ID is https://www.youtube.com/watch?v=RH3i7qONrT4 or https://youtu.be/RH3i7qONrT4

For Vimeo, the video ID is https://vimeo.com/100902001


Max Width: If needed, enter a maximum width the video can display at. If no value is used, the video will fill the container


Type: Select where the video is hosted.  If video source is other than Vimeo or YouTube, use an Embed widget.


Ratio: Select the aspect ratio of the video. 16:9 is a widescreen video and 4:3 is the old television standard. See example here.


Center Video: If a max width is active, use this option to center the video within the container.


Show Related Video: Use this option to display the related videos when the video ends. The videos that display here are set on the channel.


Address

Add schema-rich location information to the page content. The information that displays here is entered on the Company Info section of the UXi Settings dashboard.


Options

Show Company Name: Display the company name above the location info


Show Map Link: Display a link to the address on Google Maps. Link will open in a new tab.


Show Phone Number: Display a link to the company's phone number. Mobile phones will use click-to-call link. Desktop computers will only display link if Skype, or another comparable program is installed.


Show Fax Number: Display a link to the company's fax number. Mobile phones will use click-to-call link. Desktop computers will only display link if Skype, or another comparable program is installed.


Show Email Address: Display a link to the company's email address.  Clicking this link will activate the user's default email application, like Outlook, Thunderbird, or Gmail.


Show Accepted Payments: Display a list of accepted payment type icons.


Show Business Hours: Display the company's hours of operation.


Put Hours in Second Column: Use this option to move the business hours into a second column to the right of the other address info.





 

 


Button

uxi-button-shortcode-options.jpg


Create a custom button with icon, text, and link options.


Options

Primary Text: Enter the main text to display in the button


Primary Text Size / Primary Text Mobile Size: Set font sizes for desktop / mobiledevices.


Primary Text Font: Select a font style for the primary button text.


Secondary Text: 
Enter a second line of text to display in the button


Secondary Text Size / Secondary Text Mobile Size: Set font sizes for desktop / mobiledevices.


Secondary Text Font: Select a font style for the primary button text.


Page Link: Select a page on the UXi site to link to.


Custom Link: Enter an external URL to link to.


Open In New Window? Use this option to open the link in a new tab/window.


Link A Telephone? Use this option to link the button to a phone number.  When in use, enter the phone number without spaces or dashes as the custom link.


Button Style: Select one of the UXi button styles to use when the button displays.


Use Block Button? Select this to force the button to display at the full width of it's container.


Select Icon: Select from one of the UXi icons.  See list here.


Icon Alignment: Select the alignment of the icon within the button.


Icon Size / Mobile Icon Size: Select a font-size for the icon on desktop / mobile devices.


Padding Y: Set custom top / bottom padding for the button.


Padding X: Set custom left / right padding for the button.


Classes: If needed, add custom CSS classes here.