Skip to content

LinkedIn Button

Studio is being deprecated, please head over to the documentation page for Mattercraft, our most advanced 3D tool for the web, where you can find the most recent information and tutorials.

The LinkedIn Button subsymbol creates an interactive button that when tapped, opens the LinkedIn page specified in the referenced properties.

The Business Card example project uses a LinkedIn Button subsymbol.

A LinkedIn Button symbol can be added to your project by clicking on the plus icon + from the Symbol Definitions panel, and selecting it from the Buttons options.

  1. Drag the LinkedIn subsymbol from Symbol Definitions, into the Hierarchy in the parent symbol.

  2. Select the LinkedIn node and set its Type property to Company or Person, depending on the type of profile you’ll be linking to. This step is important, as the formatting of LinkedIn URLs changes depending on the profile type.

  3. Add a link to a valid LinkedIn profile in the Name from LinkedIn URL property. Only add the portion of the URL after https://www.linkedin.com/in/ or https://www.linkedin.com/company/. The example shown below will launch https://www.linkedin.com/company/zappar.

The LinkedIn Button symbol has five custom properties that can be edited:

PropertyDescription
Name from LinkedIn URLSets the LinkedIn URL to launch
TypeSets whether the LinkedIn profile belongs to a business or an individual
IconSets whether to use the button’s preset icon or a custom one.
Custom Icon MaterialSets the image to use as the button’s icon, if Icon is set to Custom.
Icon ColorSets the color of the button icon.
Background ColorSets the color of the button background.

To use a custom icon instead of the default graphic, change the Icon property to custom and set the Custom Icon Material property to your imported image.