Skip to main content

GIPHY

Within the plugin settings, you can add GIPHY integration by entering GIPHY API key.

Production Requirements​

When you are ready to move to a GIPHY production key, they require you to have their copyright; it's easy to add with the following CSS:

.bpbm-gif:before {
    position: absolute;
    content: "";
    width: 54px;
    height: 24px;
    bottom: 5px;
    right: 5px;
    background-color: black;
    background-color: rgb(0 0 0 / 50%);
    background-image: url(https://cdn.better-messages.com/images/giphy.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 50px 18px;
    padding: 0;
    color: white;
    border-radius:3px;
    opacity: 1;
    font-size: 10px;
    line-height: 17px;
    z-index: 10;
}

.bpbm-gifs-selector-gif-container:before{
    position: absolute;
    content: '';
    bottom: 5px;
    left: 5px;
    width: 54px;
    height: 24px;
    background-color: black;
    background-color: rgb(0 0 0 / 50%);
    background-image: url(https://cdn.better-messages.com/images/giphy.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 50px 18px;
    padding: 0;
    color: white;
    border-radius:3px;
    opacity: 1;
    font-size: 10px;
    line-height: 17px;
    z-index: 10;
}