Skip to main content
Chemistry LibreTexts

1: INBRE workshop

  • Page ID
  • This is the seven-step workflow to embed an interactive protein figure like that below. It is similar for embedding a molecule, but uses the PDB database.

    The seven steps (from start to finish) for embedding interactive proteins/molecules via the molecular generates are:

    • Step 1 (Prepare the image)
    • Step 2 (Copy Code)
    • Step 3 (Navigation and Edit)
    • Step 4 (prepaste)
    • Step 5 (paste)
    • Step 6 (save and tag
    • Step 7 (refresh)

    Step 1: Prepare the image

    Step 1 (Prepare the image): Go to    (Chemistry)    (Biology)

    and organize how you want the image to go. Since you will probably want proteins most, select " PDB ID" under the option (see red arrow in image below).


    Then you put in the PDB code you want. For example "3PYP" for my favorite protein. That pops up the full menu of options including the way the interactive figure will look. Tweak with the options as you like (most are obvious).

    Step 2: Copy Code

    Step 2 (Copy image code): Press the blue button "Copy GLmol to Clipboard" (see red arrow in image below).


    Steps 3 & 4: Navigate, Edit and Paste

    Step 3 (Navigation and Edit): Go to the LibreTexts page where you want to embed that image, and "edit" the page.

    Step 4 (Paste the code): Go to the spot you want the image, then go to "Style", click on "Dekiscript" to add a block for the code


    This will give a block as below. 


    Steps 5 and 6: Paste and Tag

    Step 5 (paste): paste the code that was copied in step 2, to the red Dekiscript block under "Enter Dekiscript")

    Step 6 (save and tag): Save the page; and under page settings (expand the page setting) you will see a "Embed GLmol" option (see red arrow below), set it to "Yes".



    Step 7: Refresh

    Step 7 (refresh): Refresh the page (e.g., F5 on PCs) and be amazed at the embedded protein in your page.